Block-Inhalt
In CSS wird Inhalt, der an der Block-Layout-Teilnahme beteiligt ist, als Block-Inhalt bezeichnet.
In einem Block-Layout werden Boxen nacheinander vertikal angeordnet, beginnend oben in einem enthaltenden Block. Die linke Außenkante jeder Box berührt die linke Kante des enthaltenden Blocks.
Ein Block-Element beginnt immer auf einer neuen Zeile. In horizontalen Schreibrichtungen, wie Englisch oder Arabisch, nimmt es den gesamten horizontalen Raum seines Elternelements (Containers) ein und den vertikalen Raum, der der Höhe seines Inhalts entspricht, wodurch ein "Block" entsteht.
Hinweis:
Das oben beschriebene Verhalten des Block-Layouts ändert sich, wenn der writing-mode des enthaltenden Blocks auf einen anderen Wert als den Standardwert gesetzt ist.
Hinweis: HTML (HyperText Markup Language) Elemente wurden historisch entweder als "Block-Level"-Elemente oder "Inline"-Elemente kategorisiert. Als präsentationstechnisches Merkmal wird dies jetzt durch CSS festgelegt.
Beispiele
In diesem Beispiel werden zwei Absatz- (<p>) Elemente in einem <div> platziert.
<div>
<p>
This the first paragraph. The background color of these paragraphs have been
colored to distinguish them from their parent element.
</p>
<p>This is the second paragraph.</p>
</div>
Die Absatz- (<p>) Elemente sind standardmäßig blockmäßig. Deshalb werden sie im Block-Layout angezeigt:
Siehe auch
- Verwandte Glossarbegriffe:
- Block-Formatierungskontext
displaywriting-mode