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

CSS pseudo element ::marker

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

4 minuty

Zobrazení dlouhé URL

Jak zobrazit dlouhé URL v aplikaci, aby nerozbila layout.

6 minut

Převod písmen na VELKÁ a malá

Převedení textu na velká nebo malá písmena.

12 minut

Možnosti stylování <iframe>

Co lze a nelze u <iframe> ovlivnit pomocí CSS a jak na změnu textu nebo barev.

10 minut

Novinky e-mailem

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

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