Takže v této kapitole se budeme zaobírat úpravou textu jako takového a ne už stylováním, které jsme si probrali v předchozí kapitole. Teď se budeme zaobírat úpravou třeba podtržení, nadtržení, velikost mezery mezi slovy atd..
|
Popis: |
Parametr: |
Příklad: |
Výsledek: |
| text-transform |
Nastavení velikosti písma, tedy lépe řečeno buď první písmena budou velká nebo všechna velká nebo všechna malá |
text-transform: none|capitalize|uppercase|lowercase |
style="text-transform: capitalize" |
první písmeno bude vždy velké |
| word-spacing |
Zvětší mezery mezi slovy o zadanou hodnotu |
word-spacing: normal|délka |
style="word-spacing: 10px" |
1 2 3 4 |
| text-align |
Zarovnávání textu buďto do leva, do prava, na střed a nebo do bloku. |
text-align: left|right|center|justify | style="text-align: center" |
na střed |
| text-decoration |
Nastaví dekoraci textu a to buď podtržení, nadtržení, přetržení, blikání ale to nefunguje v IE |
none| underline| overline| line-through| blink |
style="text-decoration: overline underline line-through" |
Ukázka |
| vertical-align |
Vertikální zarovnání textu tedy horní a dolní index, a jiné zarovnání textu, které se provádí pomocí posunů v určitém směru |
vertical-align: baseline| sub| super| top| text-top| bottom| text-bottom| 10% |
style="vertical-align: top" |
Text na vrcholu |
| text-indent |
odsazení řádku od levého kraje, zadává se vzdálenost |
text-indent: 30px|15pt|20% |
style="text-indent: 20px" |
20px,Odsazené |
| white-space |
Nastavuje chování tak jako s tagem <pre>, nastavuje zalamování |
white-space: none|pre|nowrap |
style="white-space: pre" |
text |
| line-height |
nastavuje výšku řádku a meyeru mezi nimi |
line-height: normal| 10px| 10% |
style="line-height: 30px" |
normální řádek
35px vysoký
normální řádek |
| display |
rozhoduje o zobrazení či skrytí textu, ale jen v IE |
display: none |
style="display: none" |
Nic neuvidíte |
