Latest web development tutorials

CSS Padding (Auffüllen)

Raumdefinition Element Grenze und der Elementgehalt zwischen CSS Padding (Auffüllen) Eigenschaft.


Padding (Padding)

Wenn Polsterelemente (gefüllt) (Padding) gelöscht wird, füllt sich die "Freigabe" des Elements Bereich würde die Hintergrundfarbe sein.

Allein füllen Eigenschaften können nach oben und unten um die Füllung ändern. Akronym füllenden Eigenschaften können auch geändert werden, wenn sich alles verändert.

Mögliche Werte

Wert Erklärung
Länge Definiert eine feste Polsterung (Pixel, pt, em, etc.)
% Verwenden Sie einen Prozentwert eine Füllung zu definieren


Padding - Eigenschaft padding unilateral

In CSS kann es eine andere Seite der unterschiedlichen Füllung angeben:

Beispiele

padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;

Versuchen »


Füllen - Kurzschrift-Eigenschaft

Um den Code zu verkürzen, mit dem Sie alle Polstereigenschaften in einer Eigenschaft angeben.

Dies ist eine Kurzschrift-Eigenschaft genannt. Stenografie-Eigenschaft für alle Fill-Attribut ist "padding":

Beispiele

padding: 25px 50px;

Versuchen »

Padding-Eigenschaft ein bis vier Werte aufweisen.

padding: 25px 50px 75px 100px;

  • Die Füllung ist 25px
  • Rechts Polsterung 50px
  • Unter gefüllt 75px
  • Links gefüllt 100px

padding: 25px 50px 75px;

  • Die Füllung ist 25px
  • Gefüllt mit etwa 50px
  • Unter gefüllt 75px

padding: 25px 50px;

  • Bottom Polsterung ist 25px
  • Gefüllt mit etwa 50px

padding: 25px;

  • Alle sind gefüllt 25px

Beispiele

Weitere Beispiele

Alle Polstereigenschaften in einer Erklärung
Dieses Beispiel zeigt die Verwendung von Abkürzungen Eigenschaft in einer Deklaration aller Attribute füllen festgelegt ist, kann man sich auf vier Werte haben.

Stellen linken Teil gefüllt
Dieses Beispiel zeigt, wie die linke Polsterelement einzustellen.

Einstellen des rechten Teil der Füllung
Dieses Beispiel zeigt, wie Sie die richtige Polsterelement einzustellen. .

Einstellen einer oberen Füllung
Dieses Beispiel zeigt, wie das Füllelement einzustellen.

Lower verpackt
Dieses Beispiel zeigt, wie Sie die Polsterung unter den Elementen zu setzen.


Alle CSS Polstereigenschaften

Immobilien Erklärung
Polsterung Abkürzungen Eigenschaft in einer Deklaration aller gesetzt Attribute füllen
padding-bottom Einstellen underfill Element
padding-left Linken Teil des Füllungseinstellungen Element
padding-right Einstellen des rechten Abschnitts des Füllelements
padding-top Einstellungen an den oberen Elemente zu füllen