Šířka tabulátoru `tab-size`

Jak pomocí CSS změnit šířku tabulátoru ve zdrojovém kódu.

28. listopadu 2013

2 minuty

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.