<display-listitem>
Baseline
Widely available
*
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
{"* "}Some parts of this feature may have varying levels of support.
Das Schlüsselwort list-item veranlasst das Element, ein ::marker Pseudo-Element mit dem Inhalt zu erzeugen, der durch die list-style Eigenschaften angegeben wird (zum Beispiel ein Aufzählungspunkt), zusammen mit einem Hauptblock des spezifizierten Typs für seinen eigenen Inhalt.
Syntax
Ein einzelner Wert von list-item lässt das Element wie ein Listenelement verhalten. Dies kann zusammen mit list-style-type und list-style-position verwendet werden.
list-item kann auch mit jedem <display-outside> Schlüsselwort und den flow oder flow-root <display-inside> Schlüsselwörtern kombiniert werden.
Hinweis:
In Browsern, die die Zwei-Werte-Syntax unterstützen, wird, falls kein innerer Wert angegeben ist, standardmäßig flow verwendet. Falls kein äußerer Wert angegeben ist, wird der Hauptblock einen äußeren Anzeigetyp von block haben.
Formale Syntax
<display-listitem> =
<display-outside>? &&
[ flow | flow-root ]? &&
list-item
<display-outside> =
block |
inline |
run-in
Beispiele
HTML
<div class="fake-list">I will display as a list item</div>
CSS
.fake-list {
display: list-item;
list-style-position: inside;
}
Ergebnis
Spezifikationen
| Specification |
|---|
| CSS Display Module Level 3 # typedef-display-listitem |
Browser-Kompatibilität
Loading…