Inline-Ebene Inhalt

Im CSS wird Inhalt, der am Inline-Layout teilnimmt, als Inline-Ebene Inhalt bezeichnet. Die meisten Textsequenzen, ersetzte Elemente und generierte Inhalte sind standardmäßig auf der Inline-Ebene.

Im Inline-Layout wird ein gemischter Strom von Text, ersetzten Elementen und anderen Inline-Boxen durch das Fragmentieren in einen Stapel von Zeilenboxen angelegt. Innerhalb jeder Zeilenbox sind die Inline-Ebene Boxen vertikal oder horizontal aneinander ausgerichtet, abhängig vom Schreibmodus. Typischerweise werden sie an den Grundlinien ihres Textes ausgerichtet. Dies kann mit CSS verändert werden.

inline layout

Hinweis: HTML (HyperText Markup Language) Elemente wurden historisch entweder als „Block-level“ Elemente oder „inline“ Elemente kategorisiert. Als präsentationelles Merkmal wird dies nun durch CSS spezifiziert.

Beispiele

html

  This span is an inline-level element; its
  background has been colored to display both the beginning and end of the
  element's influence. Input elements, like  and
  , are also inline-level content.

In diesem Beispiel enthält das

-Element etwas Text. Innerhalb dieses Textes befindet sich ein -Element und zwei -Elemente, welche Inline-Ebene Elemente sind. Wenn sich das über zwei Zeilen erstreckt, werden zwei Zeilenboxen generiert. Da diese Elemente Inline sind, wird der Absatz korrekt als ein einzelner Absatz mit ununterbrochenem Textfluss dargestellt:

Siehe auch