CSS tab-size

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 IEtab-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.

To je všechno. Líbil se vám článek a chcete se dozvědět, až vyjde další?

Sledujte:

 

Připomínky mi pište do komentářů ↓

CSS vlastnosti content a attr

Úprava obsahu pomocí content a attr

Pomocí CSS vlastnosti content a funkce attr lze ovlivňovat z CSS výsledný textový obsah webu.

CSS transition

Animace v CSS pomocí transition

CSS vlastností transition lze na stránce docílit přechodových animací bez JavaScriptu.

CSS animace

CSS vlastnost animation

Animování prvků na stránce pomocí čistého CSS s využitím @keyframes.

Column – obsah ve sloupcích

Vícesloupcový text a column

CSS vlastnost column umožňuje rozdělení textu do více sloupců.

CSS flex

Flexboxy

Flexibilní stylování boxů je jednoduší a schopnější alternativa k obtékání (float), ale zatím hudba budoucnosti…

Komentáře