-webkit-padding-start: 40px;
クローム用
IEおよびFirefoxとは何ですか?
Firefox の場合、プロパティ名は-moz-padding-start
. IE の場合、対応するものはありません (今のところ)。
広くサポートされている CSS 機能を使用して、少なくともページ全体が左から右または右から左のレイアウトおよび書き込み方向のいずれかである単純なシナリオで、同じ効果を実現できます。<html dir=ltr>
またはをそれぞれ使用し<html dir=rtl>
て、次のように CSS コードを記述できます。
[dir=ltr] .foo {
padding-left: 2.5em;
}
[dir=rtl] .foo {
padding-right: 2.5em;
}
これは に対応し.foo { padding-start: 2.5em; }
ます。もちろん、このアプローチはコードの重複を意味します。ただし、ほぼ 100% で動作します (標準モードの IE 7 以降を含む)。
-moz-padding-start: 40px;
-webkit-padding-start: 40px;
-khtml-padding-start: 40px;
-o-padding-start: 40px;
padding-start: 40px;
padding: 40px;
IE に相当するパディング スタートがあるとは思いません。