<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 list-item Schlüsselwort bewirkt, dass das Element ein ::marker Pseudo-Element mit dem Inhalt generiert, der durch seine list-style Eigenschaften spezifiziert wird (zum Beispiel ein Aufzählungszeichen) zusammen mit einer Hauptbox des dafür angegebenen Typs für den eigenen Inhalt.
Syntax
Ein einzelner Wert von list-item wird dazu führen, dass sich das Element wie ein Listeneintrag verhält. Dies kann zusammen mit list-style-type und list-style-position verwendet werden.
list-item kann auch mit jedem <display-outside> Schlüsselwort sowie den flow oder flow-root <display-inside> Schlüsselwörtern kombiniert werden.
Hinweis:
In Browsern, die die Zwei-Wert-Syntax unterstützen, wird, wenn kein innerer Wert angegeben ist, standardmäßig flow verwendet. Wenn kein äußerer Wert angegeben ist, hat die Hauptbox einen äußeren Anzeigetyp von block.
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…