Eigenschaft padding-block-start

Die Eigenschaft padding-block-start legt die Anfangspolsterung eines Elements entlang der Block- (vertikalen) Achse fest.

Syntax

cssSelektor {
  padding-block-start: Größe;
}

Beispiel

Lassen Sie uns die Anfangspolsterung für das Kindelement entlang der Blockachse auf 20px setzen:

html<div>
  <p>Text</p>
</div>
cssdiv {
  width: 400px;
  height: 200px;
  border: 1px solid black;
}
p {
  padding-block-start: 20px;
  width: 100px;
  height: 50px;
  border: 1px solid red;
}

Результат:

Beispiel

Lassen Sie uns nun die Anfangspolsterung für das Kindelement entlang der Blockachse auf 20% setzen:

html<div>
  <p>Text</p>
</div>
cssdiv {
  width: 400px;
  height: 200px;
  border: 1px solid black;
}
p {
  padding-block-start: 20%;
  width: 100px;
  height: 50px;
  border: 1px solid red;
}

Результат:

Siehe auch

  • die Eigenschaft padding-block-end,
    die die Endpolsterung eines Elements entlang der Blockachse festlegt
  • die Eigenschaft padding-inline-end,
    die die Endpolsterung eines Elements entlang der Inline-Achse festlegt
  • die Eigenschaft padding-inline-start,
    die die Anfangspolsterung eines Elements entlang der Inline-Achse festlegt
  • die Eigenschaft padding,
    die die Polsterung festlegt
  • die Eigenschaft margin-bottom,
    die den unteren Außenabstand festlegt
  • die Eigenschaft margin-left,
    die den linken Außenabstand festlegt
  • die Eigenschaft margin-right,
    die den rechten Außenabstand festlegt
  • die Eigenschaft margin,
    die eine Kurzform für Außenabstände ist