Inline-level Inhalt
In CSS wird Inhalt, der am Inline-Layout teilnimmt, als Inline-level Inhalt bezeichnet. Die meisten Textsequenzen, ersetzten Elemente und generierten Inhalte sind standardmäßig inline-level.
Im Inline-Layout wird ein gemischter Strom von Text, ersetzten Elementen und anderen Inline-Boxen durch Fragmentierung in einen Stapel von Zeilenboxen angeordnet. Innerhalb jeder Zeilenbox werden Inline-Level-Boxen je nach Schreibmodus vertikal oder horizontal aneinander ausgerichtet. Typischerweise werden sie an den Baselines ihres Textes ausgerichtet. Dies kann mit CSS geändert werden.
Hinweis: HTML (HyperText Markup Language) Elemente wurden historisch entweder als "Block-Level"-Elemente oder "Inline"-Elemente kategorisiert. Als Präsentationsmerkmal wird dies jetzt durch CSS festgelegt.
Beispiele
<p>
This span is an <span class="highlight">inline-level element</span>; its
background has been colored to display both the beginning and end of the
element's influence. Input elements, like <input type="radio" /> and
<input type="checkbox" />, are also inline-level content.
</p>
In diesem Beispiel enthält das <p>
Element etwas Text. Innerhalb dieses Textes befindet sich ein <span>
Element und zwei <input>
Elemente, die Inline-Level-Elemente sind. Wenn sich das <span>
über zwei Zeilen erstreckt, werden zwei Zeilenboxen erzeugt. Da diese Elemente inline sind, rendert der Absatz korrekt als einzelner Absatz aus ununterbrochenem Textfluss:
Siehe auch
- Verwandte Glossarbegriffe:
- Inline-Formatierungskontext
display