Was ist das Padding-Tag?

October 28

Was ist das Padding-Tag?

Cascading Stylesheet-Eigenschaften definieren einer Web-Seite Design, indem Sie diese Eigenschaften auf bestimmte HTML-Tags anwenden. Wenn die Padding-Eigenschaft eines Tags zugeordnet ist, ändert er den Abstand um die Elemente innerhalb des Tags. Eine sehr spezielle Rolle innerhalb von CSS Padding und ordnungsgemäß verwendet wird Ihr HTML machen attraktiv und einfach zu optimieren.

Innenabstand definiert

Die Padding-Eigenschaft ist in CSS "Box-Modell," die eine Teilmenge der Eigenschaften verwendet, um jedes Element als Feld innerhalb einer Webseite zu definieren. Innerhalb einer CSS-Box ist auch Text enthalten. Die Padding-Eigenschaft definiert den Raum um den Inhalt der Box. Wenn Sie die Padding-Eigenschaft für ein Feld ändern, kann es vergrößert oder verkleinert, damit kann die entsprechende Anzahl von Leerstellen, abhängig von anderen Einstellungen und ob die Kastengröße mit anderen CSS-Code definiert ist. Polsterung ist auch die Eigenschaft, die die Position des Inhalts innerhalb einer Box verschiebt.

Abstand vs. Margin

Polsterung-Funktionen anders als die Margin-Eigenschaft, die den Abstand zwischen der Box und andere Felder definiert. Es mag verlockend sein, die Padding-Eigenschaft für "Abstand" zu verwenden, und wenn eine Box transparent ist der Effekt gleich aussehen kann. Jedoch kann dies Probleme verursachen, wenn Sie später eine Gliederung oder Hintergrund im Feld hinzufügen. Konsequent mit den Padding und Margin-Eigenschaften für ihre beabsichtigte Zwecke, werde Sie sicherstellen, dass Ihre CSS-Code einfacher, wenn nötig angepasst werden.

Mithilfe von Abständen

Die Padding-Eigenschaft werden Variablen verwendet, um die Anzahl von Leerstellen und die Seiten des Inhalts auf der die Polsterung angewendet zu beschreiben. Das gängigste Format für die Beschreibung der Polsterung ist mit vier Zahlen, die oben, rechts, unten und links neben dem darstellt. Der folgende CSS-Code betrifft den linken und rechten Seite 10 Pixel Polsterung oben und unten der Inhalt jedes < p >-Tags und Innenabstand von 20 Pixeln:

p {padding: 10px 20px 10px 20px}

Die Anzahl von Leerstellen kann in jedem CSS-Messung-Format, am häufigsten in Pixel oder als Prozentsatz ausgedrückt werden.

Variationen

Um Polsterung auf nur einer Seite anzuwenden, verwenden Sie entweder die primäre Padding-Eigenschaft mit die entsprechenden Variablen oder spezifische Padding-Eigenschaft für diese Seite: Padding-Top, Padding-Bottom, Polsterung-Links oder rechts Polsterung. Mit der Padding-Eigenschaft mit einer einzigen Nummer gelten Polsterung in gleichen Höhe für alle Seiten des Inhalts:

Polsterung: 25px

Mit zwei Zahlen gilt den ersten Wert nach oben und unten und der zweite Wert Links und rechts:

Padding: 10px 25px

Mit drei Zahlen gilt den ersten Wert an der Spitze, der zweite Wert für beide Seiten und die dritte nach unten:

Polsterung: 25px 10px 15px