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

Vložení CSS do stránky

Jakými všemi způsoby připojit CSS do stránky.

9 minut

Jak „focusovat“ správně díky :focus-visible

Jak správně řešit označený (:focus) stav formulářových prvků.

4 minuty

Poskakování obsahu akčních tlačítek

Jak vyřešit problém s poskakováním obsahu, když se změní textace nebo tučnost tlačítka.

9 minut

Má smysl měnit kursor tlačítek?

Tlačítka mají na webu po najetí jiný kursor než odkazy.

4 minuty

Web jecas.cz píše Bohumil Jahoda, kontakt
Seznam všech článků
2013–2025