<display-listitem> CSS-Typ
Baseline
Weitgehend verfügbar
*
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
* Einige Teile dieser Funktion werden möglicherweise unterschiedlich gut unterstützt.
Das list-item Schlüsselwort bewirkt, dass das Element ein ::marker Pseudo-Element erzeugt, dessen Inhalt durch die list-style Eigenschaften festgelegt wird (zum Beispiel ein Aufzählungspunkt), zusammen mit einem Haupt-Box des angegebenen Typs für seine eigenen Inhalte.
Syntax
Ein einzelner Wert von list-item führt dazu, dass sich das Element wie ein Listenelement 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 und den flow oder flow-root <display-inside> Schlüsselwörtern kombiniert werden.
Hinweis:
In Browsern, die die Zwei-Wert-Syntax unterstützen, wird, falls kein innerer Wert angegeben ist, flow als Standard verwendet. Wenn kein äußerer Wert angegeben ist, hat die Haupt-Box 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
| Spezifikation |
|---|
| CSS Display Module Level 3 # typedef-display-listitem |