Šířka tabulátoru tab-size
Jak pomocí CSS změnit šířku tabulátoru ve zdrojovém kódu.
Vlastnost tab-size umožňuje čistě z CSS změnit šířku (počet mezer), kterou bude zabírat tabulátor.
Tato vlastnost má smysl zejména u zdrojových kódů (elementu <pre> nebo nečeho s white-space: pre). Pro maximální funkčnost napříč prohlížeči je nutné používat prefixy pro Operu a Firefox (Chrome umí tab-size bez prefixu a IE (ani IE 11) si neškrtá). Samostatná ukázka.
if (podminka) {
for () {
// Cyklus
if (podminka) {
// Podmínka
}
}
}Změnit tab-size:
Kromě nedostatečné podpory v IE má tab-size další vadu. Velká část kódů bývá odsazována několika mezerami místo skutečného tabulátoru. Na takový kód se pochopitelně přenastavení tab-size neprojeví.
Je otázka, zda úpravu zdrojových kódů neřešit přímo na straně serveru. U hotových obarvovačů kódu nebývá problém počet mezer nastavit.
Co si myslíte o tomto článku?
Diskuse
Související články
CSS item-pack: balance – vyvážené rozložení flex položek
Vlastnost item-pack: balance rozděluje flex položky rovnoměrně mezi řádky, podobně jako text-wrap: balance vyvažuje řádky textu.
CSS Container Queries – responsivní komponenty
Jak pomocí @container, container-type a container-name vytvářet komponenty, které se přizpůsobí velikosti svého rodiče místo viewportu.
CSS Anchor Positioning – posicování elementů relativně k jiným
Jak pomocí anchor-name, position-anchor a funkce anchor() posicovat elementy relativně k jiným bez JavaScriptu.
Centrování na webových stránkách
Moderní způsoby vertikálního i horizontálního centrování v CSS. Flexbox, Grid, margin auto a další techniky.