Moderní tvorba webových aplikací
O webu

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.

2 minuty

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

Související články

Jak udělat input s automatickou šířkou podle obsahu

Několik způsobů, jak dosáhnout toho, aby se textové pole rozšiřovalo a zužovalo podle délky zadaného textu.

9 minut

Šířka znaků ve fontech

Proč mají znaky různou šířku a jak to řešit v responsivním designu.

17 minut

CSS @starting-style

Jak animovat elementy při jejich prvním zobrazení pomocí at-pravidla @starting-style.

12 minut

CSS pseudo element ::marker

CSS pseudo element ::marker umožňuje stylovat odrážky seznamů

4 minuty

Novinky e-mailem

Když budu mít něco opravdu zajímavého, můžu vám to poslat e-mailem

Přidej se k 500+ čtenářům
Jen kvalitní obsah
Žádný spam

Web jecas.cz píše Bohumil Jahoda, kontakt
Seznam všech článků · Témata
2013–2026