C# týden Geek tričko zdarma
Pouze tento týden sleva až 80 % na kurzy C# .NET.
Tričko zdarma! Stačí před dobitím bodů použít kód TRIKO15. Více informací zde

tab-size - Český CSS 3 manuál

Unicorn College Tento obsah je dostupný zdarma v rámci projektu IT lidem.
Vydávání, hosting a aktualizace umožňují jeho sponzoři.

Pomocí CSS 3 vlastnosti tab-size nastavujeme velikost znaku tabulátoru. Funguje pouze pro elementy textarea a pre (ostatní elementy převedou tabulátor na jednu mezeru)! Vlastnost se dědí.

Hodnoty

  • číslo - Výchozí hodnota je číslo 8. Číslo znamená délku počtu daných mezer pro jeden znak tabulátoru.
  • číslo jednotka - Číslo může být libovolné a jednotka taky (tedy taková, která existuje v CSS 3 - cm, mm, px, em, ...). Tuto hodnotu nepodporuje žádný webový prohlížeč!
  • initial - Nastaví vlastnost na výchozí hodnotu (tedy na 8).
  • inherit - Hodnota se zdědí z rodičovského elementu.

Ukázka

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

Vytvořme si dva elementy pre s jedinečným ID a s textem se znaky tabulátoru. Každý z těchto textů bude mít jinou hodnotu vlastnosti tab-size pro porovnání.

<!DOCTYPE html>
<html>
        <head>
                <meta charset="utf-8" />
                <style>
                #prvni
                {
                        tab-size: 2;
                        -o-tab-size: 2;     /* Opera */
                        -moz-tab-size: 2;   /* Mozilla Firefox */
                }
                #druhy
                {
                        tab-size: 7;
                        -o-tab-size: 7;     /* Opera */
                        -moz-tab-size: 7;   /* Mozilla Firefox */
                }
                </style>
                <title>tab-size</title>
        </head>
        <body>
                <pre id="prvni">Tento   element pre     má     hodnotu vlastnosti      tab-size        na      2.</pre>
                <pre id="druhy">Tento   element pre     má     hodnotu vlastnosti      tab-size        na      7.</pre>
        </body>
</html>

Výsledek:

Vlastnost tab-size v CSS 3

 

 

Manuál pro vás napsal Jan Lupčík
Avatar
Autor se primárně věnuje vývoji webových stránek a aplikacích v PHP (speciálně ve frameworku Laravel) a je jedním z vývojářů komunitního módu TruckersMP.
Všechny články v sekci
Text a písmo - CSS vlastnosti
Aktivity (1)

 

 

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