[Solved] -webkit-padding-start: 40px; What it should be for IE and Firefox?

-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).

Respondent: Jukka K. Korpela

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.

Respondent: earlonrails

The answers/resolutions are collected from stackoverflow, are licensed under cc by-sa 2.5 , cc by-sa 3.0 and cc by-sa 4.0 .

Leave a Reply

Your email address will not be published.