7

いくつかのコードを調べているときに、この新しい宣言を見つけました:しかし、既存のプロパティ-webkit-padding-startとの違いを理解できませんでした。私はすでにMozilla Developerspadding-leftのページを読み、fiddleを作成しましたが、まだ確信が持てません。

4

3 に答える 3

12

-webkit-padding-start非標準であることは別として、違いは、書き込み方向が右から左の場合、パディング-webkit-padding-startが右に配置されることです (事実上、に変換されpadding-rightます)。

プロパティが標準化されていれば、さまざまな書記体系のテキストを含むドキュメントに使用することを意図したスタイル シートに役立ちます。dir方向性に対応するように HTML の属性またはdirectionCSS のプロパティを適切に設定していれば、テキストの先頭にパディングを配置できます。したがって、パディングは、たとえば西洋言語ではテキストの開始点の左側にありますが、アラビア語、ペルシャ語、またはヘブライ語のテキストなどでは、テキストの開始点 (右から左に実行されます) の右側になります。

于 2013-10-25T09:35:44.713 に答える
3

計算された方向が左から右のltr場合は を-moz-padding-start設定し、left-padding:;それ以外の場合は を設定しright-padding:;ます。

たとえば、次のようになります。

HTML:

<p><a class="left">padding-start: 20px (ltr)</a>
</p>
<p><a class="right">padding-start: 20px (rtl)</a>
</p>

CSS:

    .left {
        direction: ltr;
        border: 1px solid #000;
        -moz-padding-start : 20px;
        -webkit-padding-start : 20px;
    }
    .right {
        direction: rtl;
        border: 1px solid #000;
        -moz-padding-start : 20px;
        -webkit-padding-start : 20px;
    }

デモはこちら

于 2013-10-25T06:55:14.633 に答える
3

書き込み方向が左から右の場合、-webkit-padding-start overrides padding-left. 書き込み方向が右から左の場合、 -webkit-padding-start overrides padding-right.

ソース: CSS 情報

于 2013-10-25T06:55:48.117 に答える