Formátování textu
Velikost mezer mezi znaky
b { letter-spacing: 0.1em }
|
|
- none
- <velikost>
- hodnota se dědí po rodičovském prvku
|
Velikost mezer mezi slovy
h1 { word-spacing: 1em }
|
|
- none
- <velikost>
- hodnota se dědí po rodičovském prvku
|
Bílé mezery
h1 { white-space: normal }
- normal
- pre
- nowrap
- inherit
|
- definuje, že klient má souvislé skupiny bílých znaků smrsknout do jednoho
- definuje, že klient nesmí souvislé skupiny bílých znaků smrsknout do jednoho
- funguje obdodně jako hodnota normal, a navíc potlačuje zalomení řádků
- hodnota se dědí po rodičovském prvku
|
Ozdoby textu
h1 { word-spacing: 1em }
- none
- underline
- overline
- line-through
- blink
- inherit
|
- bez
- podtržený
- nadtržený
- přeškrtnutý
- blikající
- hodnota se dědí po rodičovském prvku
|
Převod písma
text-transform: capitalize
- none
- capitalize
- uppercase
- lowercase
- inherit
|
- bez
- všechna písmena převede na velká
- všechna písmena převede na velká
- všechna písmena převede na malá
- hodnota se dědí po rodičovském prvku
|
Odsazení prvního řádku
p { text-indent: 2em }
- <velikost>
- <procenta>
- inherit
|
- nastavení pevné velikosti odsazení
- velikost odsazení je odvozena z šířky bloku
- hodnota se dědí po rodičovském prvku
|
Horizontální zarovnání
div { text-align: center }
- left
- right
- center
- justify
- <řetězec>
- inherit
|
- zarovnání obsahu doleva
- zarovnání obsahu doprava
- zarovnání obsahu na střed
- zarovnání obsahu do bloku
- řezězec, podle kterého se zarovnává obsah tabulky
- hodnota se dědí po rodičovském prvku
|
Vertikální zarovnání
div { vertical-align: middle }
- baseline
- sub
- super
- top
- text-top
- middle
- bottom
- text-bottom
- <procenta>
|
- zarovnání na účaří
- zarovnání jako dolní index
- zarovnání jako horní index
- zarovnání nahoru
- zarovnání horní hrany inline prvku s hořejškem písma
- zarovnání na střed
- zarovnání na spod
- zarovnání inline prvku se spodkem písma
- kladná hodnota= box výš, záporná = box níž
|
Stínovaný text
span.glow{
background: white;
color: white;
text-shadow: black 0px 0px 5px;
}
Stín je definován barvou a posunutím. Posunutí se skláda ze dvojice čísel, první číslo specifikuje horizontální posun stínu od textu napravo(kladná hodnota) nebo nalevo(záporná hodnota). druhá určuje vertikální posun stínu nahoru(kladná) nebo dolu(záporná). Třetí hodnota, je nepovinná a určuje rozostření stínu.
Shaddow
Bohužel tuto vlastnost moc prohlížečů nepodporuje. Stíny zatím umí zobrazit například prohlížeč Opera.
Výška řádků
div {
line-height: 1.2em /* velikost */
line-height: 1.2 /* číslo */
line-height: 120% /* procenta */
}
- normal
- <číslo>
- <velikost>
- <procenta>
- inherit
|
- prohlížeč nastaví výšku
- výška řádku se nastaví jako součin čísla a velikosti písma. Záporné hodnoty jsou povoleny
- výška je stanovena na danou velikost. Záporné hodnoty nejsou povoleny
- nastaví výšku řádku na velikost odpovídající procentuální velikosti písma
- hodnota se dědí po rodičovském prvku
|