ARCHIV

CSS (16.) - Speciální textové vlastnosti

Tento díl se bude zabývat vlastnostmi kaskádových stylů pro text.

16.12.2004 13:00 | Vasek | Články autora | přečteno 21211×

Bílé mezery

Pokud chceme specifikovat, jak má prohlížeč naložit s bílými znaky, použijeme vlastnost white-space. Jako její hodnota se používají klíčová slova.

Tato vlastnost umožňuje nastavit chování prohlížeče k bílým znakům mezi něž patří: mezera (Unicode kód 32), tabelátor (kód 9), nový řádek (LF, kód 10), konec řádku (CR, kód 13), nový list (FF, kód 12); mezi bílé znaky se nepočítá dlouhá mezera (E-M, kód 8195).

Hodnota normal umožňuje klientovi stahovat souvislé skupiny bílých znaků do jedné a podle potřeby zalamovat řádky. Pro zalomení řádku lze také použít řetězec "\A" v generovaném obsahu či v HTML použít tag <br>. Pomocí hodnoty pre lze klientovi určit, že nesmí stahovat souvislé skupiny bílých znaků do jednoho, a potlačuje zalomení řádků. Řádky se zalamují jen v místě zalomení zdrojového textu či pomocí řetězece "\A" v generovaném obsahu. Tato hodnota je ekvivalentem zastaralého html tagu <pre>. Pokud použijeme u této vlastnosti hodnotu nowrap, říkáme klientovi, že může stahovat souvislé skupiny bílých znaků do jednoho a současně má potlačovat všechno zalomení řádků vyjma zalomení definovaného řetězcem "\A" v generovaném obsahu. Jde o obdobu zastaralého html tagu <nobr>.

Příklad použití

Podpora v prohlížečích

NN4 částečná podpora (nepodporuje nowrap); Mozilla (Netscape 6+) plná podpora všemi verzemi; IE plná podpora od verze 5,5 při striktním DOCTYPE; Opera plná podpora od verze 5; IE 5/MAC plná podpora; Konqueror plná podpora.

Výška řádků

Výška řádků se nastaví vlastností line-height. Jako její hodnota se používají klíčová slova, číslo, procento či délka.

Tato vlastnost nastavuje výšku řádku daného textového boxu. Tato vlastnost se používá pro zvětšení řádkování. Pro tiskový výstup (velké rozlišení) stačí nastavit hodnotu 1,2 až 1,3, pro obrazovku je vhodnější nastavit hodnotu na 1,4.

Příklad použití

Podpora v prohlížečích

NN4 plná podpora; Mozilla (Netscape 6+) plná podpora všemi verzemi; IE plná podpora od verze 4; Opera plná podpora od verze 3,5; IE 5/MAC plná podpora; Konqueror plná podpora.

Vertikální zarovnání

Vertikální zarovnání textu se nastavuje vlastností vertical-align. Jako její hodnota se používají klíčová slova, procenta, číslo.

Tato vlastnost nastavuje vertikální zarovnání prvku na řádku, některé z hodnot je možné použít i pro zarovnání obsahu buňky tabulek či zarovnání obrázků na řádku. Hodnoty baseline, sub, super, text-top, middle, text-bottom, <velikost>, <procenta> mají smysl jen vzhledem k rodičovskému řádkovému prvku. Hodnoty top, bottom se vztahují k řádkovému prvku, ve kterém se daný prvek nachází.

Příklad použití

Podpora v prohlížečích

NN4 částečná podpora; Mozilla (Netscape 6+) plná podpora všemi verzemi; IE částečná podpora od verze 4 (podporuje jen baseline, sub a super), plná podpora od verze 5,5; Opera podpora od verze 3,5; IE 5/MAC částečná podpora; Konqueror plná podpora.

Závěr

Dnes jsme se seznámili se speciálními vlastnostmi kaskádových stylů pro text.

Verze pro tisk