CSS funkce toggle()
Nefunguje zatím snad nikde, měla by sloužit k pohodlnému zadávání hodnot pro zanořené elementy stejného názvu.
Pokud se má nějak měnit styl s ohledem na zanoření, není současně podporované CSS moc elegantní. Zvláště pokud by bylo úrovní opravdu hodně, může být kód nekonečný.
ul {list-style-type: disc}
ul ul {list-style-type: circle}
ul ul ul {list-style-type: square}A k tomu by mělo být právě toggle:
ul ul { list-style-type: toggle(disc, circle, square, box); }Stačí jeden řádek a styly se budou neustále opakovat.
Ukázka (nejspíš nikde nefunguje)
- Položka 1
- Položka 1
- Položka 2
- Položka 1
- Položka 1
- Položka 1
- Položka 2
Zdroje a související odkazy
- Specifikace: W3C: CSS Values and Units Module Level 3
Co si myslíte o tomto článku?
Diskuse
Související články
CSS item-pack: balance – vyvážené rozložení flex položek
Vlastnost item-pack: balance rozděluje flex položky rovnoměrně mezi řádky, podobně jako text-wrap: balance vyvažuje řádky textu.
CSS Container Queries – responsivní komponenty
Jak pomocí @container, container-type a container-name vytvářet komponenty, které se přizpůsobí velikosti svého rodiče místo viewportu.
CSS Anchor Positioning – posicování elementů relativně k jiným
Jak pomocí anchor-name, position-anchor a funkce anchor() posicovat elementy relativně k jiným bez JavaScriptu.
Centrování na webových stránkách
Moderní způsoby vertikálního i horizontálního centrování v CSS. Flexbox, Grid, margin auto a další techniky.