Discount week - September
Pouze tento týden sleva až 80 % na e-learning týkající se Swift
30 % bodů zdarma na online výuku díky naší Slevové akci!

list-style-type - Český CSS 3 manuál

Pomocí CSS 3 vlastnosti list-style-type nastavíme typ odrážek seznamu.

Hodnoty

Seznam hodnot je poněkud vyčerpávající kvůli regionálním symbolům, které pro nás nejsou důležité. Za zmínku stojí:

  • circle - Kruhové
  • decimal - Číslované
  • decimal-leading-zero - Číslované na 2 místa (před čísla menší než 10 přidá nulu)
  • disc (výchozí) - Vyplněný kruh
  • lower-alpha - Malá písmena latinské abecedy
  • lower-greek - Malá písmena řecké abecedy
  • lower-latin - Malá písmena latinské abecedy
  • lower-roman - Římské číslice malými písmeny
  • none - Bez odrážek
  • square - Čtvercové
  • upper-alpha - Velká písmena latinské abecedy
  • upper-greek - Velká písmena řecké abecedy
  • upper-latin - Velká písmena latinské abecedy
  • upper-roman - Řecké číslice velkými písmeny
  • inherit - Zdědí typ odrážek od rodičovského elementu.

Další hodnoty jsou: armenian, cjk-ideographic, georgian, hebrew, hiragana, hiragana-iroha, katakana, katakana-iroha.

Ukázka

Vyzkoušejme si jednotlivé typy odrážek na příkladu:

<!DOCTYPE html>
<html>
        <head>
                <style>
                ul
                {
                        list-style-type: circle;
                }
                </style>
        </head>
        <body>
                Na ITnetwork se naučíte tyto webové technologie:
                <ul>
                        <li>HTML</li>
                        <li>CSS</li>
                        <li>JavaScript</li>
                        <li>PHP</li>
                        <li>SQL</li>
                </ul>
        </body>
</html>

Výsledek:

Styl odrážek seznamu v CSS
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!

Typ decimal:

Styl odrážek seznamu v CSS

Typ decimal-leading-zero:

Styl odrážek seznamu v CSS

Typ disc:

Styl odrážek seznamu v CSS

Typ lower-alpha nebo lower-latin:

Styl odrážek seznamu v CSS

Typ lower-greek:

Styl odrážek seznamu v CSS

Typ lower-roman:

Styl odrážek seznamu v CSS

Typ none (seznam bez odrážek):

Styl odrážek seznamu v CSS

Typ square:

Styl odrážek seznamu v CSS

Typ upper-alpha nebo upper-latin:

Styl odrážek seznamu v CSS

Typ upper-roman:

Styl odrážek seznamu v CSS

Více vlastností seznamu můžeme definovat přes shrnující vlastnost list-style.


 

Všechny články v sekci
Seznamy a tabulky - CSS vlastnosti
Článek pro vás napsal David Čápka
Avatar
Autor pracuje jako softwarový architekt a pedagog na projektu ITnetwork.cz (a jeho zahraničních verzích). Velmi si váží svobody podnikání v naší zemi a věří, že když se člověk neštítí práce, tak dokáže úplně cokoli.
Unicorn university Autor sítě se informační technologie naučil na Unicorn College - prestižní soukromé vysoké škole IT a ekonomie.
Aktivity (2)

 

 

Komentáře

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zatím nikdo nevložil komentář - buď první!