orphans

Die CSS-Eigenschaft orphans legt die Mindestanzahl von Zeilen in einem Blockcontainer fest, die unten auf einer Seite, eines Bereichs oder einer Spalte angezeigt werden müssen.

/* <integer> values */
orphans: 2;
orphans: 3;

/* Global values */
orphans: inherit;
orphans: initial;
orphans: unset;

Hinweis: In der Typografie ist ein Schusterjunge die erste Zeile eines Absatzes, die allein am unteren Rand einer Seite angezeigt wird (der Absatz wird auf einer nachfolgenden Seite fortgesetzt).

Syntax

Werte

<integer>
Die Mindestanzahl von Zeilen, die vor einem Fragmentierungsbruch am unteren Rand eines Fragments verbleiben können. Der Wert muss positiv sein.

Formale Definition

Initialwert2
Anwendbar aufBlockcontainerelemente
VererbtJa
Berechneter Wertwie angegeben
Animationstypdiskret

Formale Syntax

<integer>

Beispiel

Festlegung einer Mindestgröße für Waisenkinder von drei Zeilen

HTML

<div>
  <p>This is the first paragraph containing some text.</p>
  <p>This is the second paragraph containing some more text than the first one. It is used to demonstrate how orphans work.</p>
  <p>This is the third paragraph. It has a little bit more text than the first one.</p>
</div>

CSS

div {
  background-color: #8cffa0;
  height: 150px;
  columns: 3;
  orphans: 3;
}

p {
  background-color: #8ca0ff;
}

p:first-child {
  margin-top: 0;
}

Ergebnis

Spezifikationen

Specification Status Comment
CSS Fragmentation Module Level 3
Die Definition von 'orphans' in dieser Spezifikation.
Anwärter Empfehlung Erweitert orphans, die auf alle Fragmenttypen angewendet werden können, einschließlich Seiten, Regionen oder Spalten.
CSS Level 2 (Revision 1)
Die Definition von 'orphans' in dieser Spezifikation.
Empfehlung Initiale Definition.

Browserkompatibilität

BCD tables only load in the browser

Siehe auch