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

HTML a CSS Manuál Seznamy a tabulky 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 devbooku 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

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.


 

  Aktivity (1)

Manuál 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 College Autor se informační technologie naučil na Unicorn College - prestižní soukromé vysoké škole IT a ekonomie.

Miniatura
Všechny články v sekci
Seznamy a tabulky - CSS vlastnosti

 

 

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í!