Vlastnosti textu
text-align
- nastaví vodorovné zarovnání všech blokových prvků
- hodnotou může být:
- left (zarovnání k levému okraji)
- center (zarovnání na střed)
- right (zarovnání k pravému okraji)
- justify (zarovnání do bloku)
selektor {text-align: center}
line-height
- nastaví výšku řádku neboli řádkování
- hodnotou může být:
- desetinným číslem (pozor používá se desetinná tečka),
- procento (150% odpovídá 1,5 řádkování),
- délka (px, pt)
selektor {line-height: 1.5}
selektor {line-height: 150%}
selektor {line-height: 12pt}
selektor {line-height: 16px}
text-decoration
- nastaví různé efekty pro písmo
- hodnotou může být:
- underline (podtržení)
- overline ("nadtržení")
- line-through (přeškrtnutí)
- none (žádné)
- upozornění: tato vlastnost se doporučuje používat jen u hypertextových odkazů (podle zásad správného webu nemá být text, který není hypertextovým odkazem, jakkoliv podtržený)
selektor {text-decoration: underline}
text-indent
- nastaví odsazení prvního řádku v odstavci
- hodnotou může být
- délka (px, pt)
- procento (podle nadřazeného prvku)
selektor {text-indent: 15px}
text-transform
- nastaví různou velikost textu
- hodnotou může být:
- capitalize (první písmena slov budou velká)
- uppercase (všechna písmena se zobrazí jako velká)
- lowercase (všechna písmena se zobrazí jako malá)
- none (žádné)
selektor {text-transform: uppercase}
text-shadow
- nastaví stín textu
- hodnoty se zapisují v přesném pořadí: posunX posun Y rozmázání barva
- lze vynechat hodnotu rozmazání (stejné jako hodnota 0px)
- délka (px, pt)
- barva (slovně, hexa-kódem,...)
selektor {text-shadow: 5px 10px 3px #00FF00}
selektor {text-shadow: 3px 3px black}
letter-spacing
- nastaví větší mezeru mezi písmeny
- hodnotou může být:
selektor {letter-spacing: 5pt}
Problematika zarovnání obrázků a odkazů
- jelikož obrázky <IMG>, odkazy <A> a tabulky <TABLE> jsou chápány jako řádkové prvky, nefunguje přímo vodorovné zarovnání pomocí vlastnostini text-align,
- řešením je "obalení" blokovým prvkem, nejčastěji pomocí oddílu <DIV>,
- poté lze nastavit CSS vlastnosti pro vodorovné zarovnání "obalujícímu" HTML prvku.
