Detaillierte Erklärung des Auffüllens in CSS

Syntax:

Auffüllung: [

Standardwert Schauen Sie sich jedes einzelne Attribut an

gilt für alle Elemente außer Tabellenkopfgruppe | Äußere

Vererbung

: Keine

Animation

: Ja

Berechneter Wert

: Siehe jedes unabhängige Attribut

zugehöriges Attribut

: [ padding-right ] || [ padding-bottom ] Wert:

: Verwenden Sie den Längenwert, um die Innenpolsterung zu definieren. Negative Werte sind nicht zulässig
: Verwenden Sie den Prozentsatz, um die Innenpolsterung zu definieren. Im horizontalen (Standard-)Schreibmodus beziehen Sie sich zur Berechnung auf die Breite des enthaltenden Blocks und in anderen Fällen auf die Höhe. Negative Werte sind nicht zulässig
Beschreibung:

Ruft die internen Ränder auf den vier Seiten des Objekts ab oder legt sie fest.

Wenn alle vier Parameterwerte angegeben sind, werden sie auf die vier Seiten in der Reihenfolge oben, rechts, unten und links angewendet.
Wenn nur eine angegeben ist, wird diese für alle vier Seiten verwendet.
Wenn zwei vorhanden sind, ist das erste für oben und unten und das zweite für links und rechts.
Wenn drei vorhanden sind, ist das erste für oben, das zweite für links und rechts und das dritte für unten.
Nicht ersetzte Inline-Elemente können dieses Attribut verwenden, um die inneren Patches auf der linken und rechten Seite festzulegen. Wenn Sie die inneren Patches auf der oberen und unteren Seite festlegen möchten, müssen Sie dies tun Stellen Sie zunächst sicher, dass das Objekt als Blockebene oder Inline-Blockebene angezeigt wird. Die entsprechende Skriptfunktion von
ist
• Padding

  .

TRBL

---

Erweiterung: Marge, border

Die Wertabkürzung für Polsterung

Polsterung: 20px; == padding : 20px 20px 20px 20px;

padding : 20px 10px; == Polsterung: 20px 10px 20px 10px;

Polsterung: 20px 10px 30px == Polsterung: 20px 10px 30px 10px;

Wenn die gegenüberliegenden Seiten gleich sind, entfällt letzteres; wenn 4 Seiten gleich sind, nur eine

Das obige ist der detaillierte Inhalt vonDetaillierte Erklärung des Auffüllens in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!