Skip to content Skip to sidebar Skip to footer
Home / Cross Browser / Css / Html

-webkit-padding-start: 40px; What It Should Be For IE And Firefox?

Post a Comment
-webkit-padding-start: 40px; for Chrome What it is for IE and Firefox?

Solution 1:

For Firefox, the property name is -moz-padding-start. For IE, there is no counterpart (so far).

You can achieve the same effect using widely supported CSS features at least in a simple scenario where the page as a whole is either in left-to-right or in right-to-left layout and writing direction. Using <html dir=ltr> or <html dir=rtl>, respectively, you can write your CSS code like this:

[dir=ltr] .foo {
   padding-left: 2.5em;
}
[dir=rtl] .foo {
   padding-right: 2.5em;
}

This would correspond to .foo { padding-start: 2.5em; }. Of course, this approach means some duplication of code. But it works on almost 100% (including IE 7 and newer in Standad Mode).


Solution 2: 

-moz-padding-start: 40px;
-webkit-padding-start: 40px;
-khtml-padding-start: 40px;
-o-padding-start: 40px;
padding-start: 40px;
padding: 40px;

I do not believe IE has a padding-start equivalent.


Post a Comment for "-webkit-padding-start: 40px; What It Should Be For IE And Firefox?"