Pro výukové účely na SPŠ Zlín
vytvořil RNDr.Vladimír Vaščák

CSS

  1. Přímo vložený styl
  2. Šablona stylu v dokumentu
  3. Externí šablony stylů
  4. Syntaxe stylů
  5. Třídy stylů
  6. Vlastnosti písma
  7. Vlastnosti barvy a pozadí
  8. Vlastnosti textu
  9. Vlastnosti obdelníku
  10. Vlastnosti seznamů
  11. Značky <style>, <span> a <div>
  12. Vlastnosti zobrazení

8. Vlastnosti textu

Mezery mezi písmeny. Implicitní hodnota je normal .
Příklad:
.rozklad {letter-spacing: 20px}
rozložené písmo
Jiné délkové jednotky: px (pixel), mm, cm, in (palec), pt (typografický bod), pc (pica nebo cicero), em (šířka M), ex (výška x).
Mezery mezi slovy. Implicitní hodnota je normal .
Příklad:
.mezery {word-spacing: 40px}
Lákamí vůněhulás úmyval rohlivý jednovod lek obolekno lva umí ří úmyvaleka.
Jiné délkové jednotky: px (pixel), mm, cm, in (palec), pt (typografický bod), pc (pica nebo cicero), em (šířka M), ex (výška x).
.vyska {line-height: 30px} Můžete použít i procenta.

Řádkování. Implicitní hodnota je normal .
Příklad:
Lákamí vůněhulás úmyval rohlivý jednovod lek obolekno lva umí ří úmyvaleka. Tobselad onověď mělý božkat čníky bicí ří alem ští jítkem Umírně. Podlo neumysl je Obsely čin Tor úmyslupný ští nim leda nucký. Napný lekajakko umí autní Umraburdí Básněžný ští ční čuvalemi úmyvadiát řícipádní. Úmyvaledn parcipádn řícit ří nemi drásníky lválně ačít Záprazy umyvačkod kytanesiv. Lák.
Zarovnání textu.
Příklad:
.zarovnani {text-align: center}
vycentrovaný text
Další hodnoty jsou: left , right a justify .
Úpravy textu.
Příklad:
.dekorace {text-decoration:line-through overline underline blink}
text s efeky
Implicitní hodnot je: none . V příkladu byly použity všechny efekty.
Odsazení prvního řádku.
Příklad:
.odsazeni {text-indent: 25px}
Lákamí vůněhulás úmyval rohlivý jednovod lek obolekno lva umí ří úmyvaleka. Tobselad onověď mělý božkat čníky bicí ří alem ští jítkem Umírně. Podlo neumysl je Obsely čin Tor úmyslupný ští nim leda nucký. Napný lekajakko umí autní Umraburdí Básněžný ští ční čuvalemi úmyvadiát řícipádní. Úmyvaledn parcipádn řícit ří nemi drásníky lválně ačít Záprazy umyvačkod kytanesiv. Lák.
Převod textu.
Příklad:
.velkapismena {text-transform: uppercase}
Povolené hodnoty: uppercase velká písmena, lowercase malá písmena, capitalize první písmeno velké. Implicitní hodnota je none .

Lákamí vůněhulás úmyval rohlivý jednovod lek obolekno lva umí ří úmyvaleka. Tobselad onověď mělý božkat čníky bicí ří alem ští jítkem Umírně. Podlo neumysl je Obsely čin Tor úmyslupný ští nim leda nucký. Napný lekajakko umí autní Umraburdí Básněžný ští ční čuvalemi úmyvadiát řícipádní. Úmyvaledn parcipádn řícit ří nemi drásníky lválně ačít Záprazy umyvačkod kytanesiv. Lák.
Efekt stínu. Parametry jsou posuv, poloměr a barva. Probírat nebudeme.
Svislé zarovnání.
Hodnoty: baseline , middle , sub , super , text-top , text-bottom , top , bottom
Příklady:

baseline text

middle text

sub text

super text

text-top text

text-bottom text

top text

bottom text

baseline obrázek

middle obrázek

sub obrázek

super obrázek

text-top obrázek

text-bottom obrázek

top obrázek

bottom obrázek

text-top obrázek text

text-bottom obrázek text

top obrázek text

bottom obrázek text

Je možno zadat i procenta.
Úkol: definujte vlastní styl textu pojmenovaný mujtext .
Lákamí vůněhulás úmyval rohlivý jednovod lek obolekno lva umí ří úmyvaleka. Tobselad onověď mělý božkat čníky bicí ří alem ští jítkem Umírně. Podlo neumysl je Obsely čin Tor úmyslupný ští nim leda nucký. Napný lekajakko umí autní Umraburdí Básněžný ští ční čuvalemi úmyvadiát řícipádní. Úmyvaledn parcipádn řícit ří nemi drásníky lválně ačít Záprazy umyvačkod kytanesiv. Lák.
zpět vpřed
© 2007 Pro výuku na SPŠ Zlín připravil RNDr. Vladimír Vaščák