Was ist der Unterschied zwischen Padding-Links und Padding-Start?

Question

Bei der Überprüfung einiger Code fand ich diese neue Deklaration: -webkit-padding-start, aber ich bin nicht in der Lage zu verstehen, was ist der Unterschied mit der bestehenden padding-left Eigenschaft. Ich habe bereits die Seite auf Mozilla Developers gelesen und eine fiddle erstellt, aber ich bin immer noch unsicher.

Answer 1

Neben -webkit-padding-start Nicht-Standard ist, wobei der Unterschied ist, dass, wenn die Richtung nach links ist das Schreiben Recht auf, -webkit-padding-start Polsterung nach rechts versetzt (effektiv zu padding-right umgewandelt wird).

Wenn die Eigenschaft standardisiert wäre, wäre sie nützlich für Stylesheets, die für Dokumente mit Texten in verschiedenen Schriftsystemen verwendet werden sollen. Sie könnten dann Padding an den Anfang des Textes setzen, vorausgesetzt, Sie haben das dir-Attribut in HTML oder die direction -Eigenschaft in CSS richtig eingestellt, um der Direktionalität zu entsprechen. Die Auffüllung wäre also links vom Anfang des Textes, z. in den westlichen Sprachen, aber rechts vom Anfang des Textes (der von rechts nach links verläuft), z. in arabischen, persischen oder hebräischen Texten.

Answer 2

Wenn die berechnete Richtung von links nach rechts wird ltr-moz-padding-start setzt dann die left-padding:; sonst die right-padding:; setzt.

So zum Beispiel:

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; 
    } 

DEMO HERE

Answer 3

Wenn die Schreibrichtung von links nach rechts verläuft, -webkit-padding-start overrides padding-left. Wenn die Schreibrichtung von rechts nach links ist, .

^{Quelle: CSS-Info}