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

Question

-webkit-padding-start: 40px; for Chrome

What it is for IE and Firefox?

Do you know Google? check this [link](https://developer.mozilla.org/en-US/docs/CSS/-moz-padding-start) — Mr_Green, Sep 23 '12 at 03:54
@please try to respect people if you want people to respect you,as a user of stackoverflow and literate in english,i understand the terms of posting question,and i did try to search in google,maybe due to wrong keyword or such i failed of finding answers in both google and stackoverflow,thank you for your question and hope i answered you — Cheong D Mun Pong, Sep 23 '12 at 03:58
@venkateshwar thanks, what about ie?microsoft is not as helpful — Cheong D Mun Pong, Sep 23 '12 at 03:58
sorry,didnt saw that, :( .Hey,thnx a lot,means i cant do anything to IE?zzz — Cheong D Mun Pong, Sep 23 '12 at 04:02
nope.. but there are many alternate ways to do that. using scripting languages like `jQuery` (because I am in jquery). — Mr_Green, Sep 23 '12 at 04:05
yeah,i see,so you can say jquery is easier than css for you :) thanks a lot anyways — Cheong D Mun Pong, Sep 23 '12 at 04:09
Till now I was searching the jquery thing. This [link](http://stackoverflow.com/questions/4095475/jquery-animate-padding-to-zero) may help you. — Mr_Green, Sep 23 '12 at 04:22

score 15 · Accepted Answer · edited Sep 23 '12 at 17:16

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

score 10 · Answer 2 · edited Feb 18 '14 at 23:56

10

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

edited Feb 18 '14 at 23:56

Liam

1,041
2
17
31

answered Sep 23 '12 at 04:04

earlonrails

4,966
3
32
47

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

2 Answers2

Linked