Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
<display-outside>
Die<display-outside>-Schlüsselwörter geben den äußerendisplay-Typ des Elements an, was im Wesentlichen seine Rolle im Flusslayout ist. Diese Schlüsselwörter werden als Werte derdisplay-Eigenschaft verwendet und können aus Kompatibilitätsgründen als einzelnes Schlüsselwort oder wie in der Level-3-Spezifikation definiert zusammen mit einem Wert aus den<display-inside>-Schlüsselwörtern verwendet werden.
Syntax
Gültige<display-outside>-Werte:
blockDas Element erzeugt eine Blockelementbox, die sowohl vor als auch nach dem Element im normalen Fluss Zeilenumbrüche erzeugt.
inlineDas Element erzeugt eine oder mehrere Inline-Elementboxen, die vor oder nach sich selbst keine Zeilenumbrüche erzeugen. Im normalen Fluss wird das nächste Element in der gleichen Zeile sein, wenn Platz vorhanden ist.
Hinweis:Wenn Browser auf einedisplay-Eigenschaft mit nur einemäußerendisplay-Wert treffen (z.B.display: block oderdisplay: inline), wird der innere Wert standardmäßig aufflow gesetzt (z.B.display: block flow unddisplay: inline flow).Dies ist rückwärtskompatibel mit der Syntax für ein Schlüsselwort.
Formal syntax
<display-outside> =
block|
inline|
run-in
Beispiele
Im folgenden Beispiel werden Span-Elemente (normalerweise als Inline-Elemente angezeigt) aufdisplay: block gesetzt, wodurch sie auf neue Zeilen brechen und sich im Inline-Dimension in ihrem Container ausdehnen.
HTML
<span>span 1</span> <span>span 2</span>CSS
span { display: block; border: 1px solid rebeccapurple;}Ergebnis
Spezifikationen
| Specification |
|---|
| CSS Display Module Level 3 # typedef-display-outside |