Liigu peamise sisu juurde

Tekst ja font

CSS-i abil saab muuta teksti välimust: suurust, paksust, stiili, fonti ja joondust.

Kirja kujundus​

Teksti saab paigutada kasutades omadust text-align. Sellel on neli peamist väärtust:1

  • left ehk joondab teksti vasakule (vaikimisi)
  • right ehk joondab teksti paremale
  • center ehk joondab teksti keskele
  • justify ehk venitab teksti nii, et see ulatub vasakust paremast servani

Tekstile saab lisada jooni, kasutades text-decoration omadust.2

  • line-through ehk joon teksti läbi
  • underline ehk joon teksti alla
  • overline ehk joon teksti kohale

Samuti saab määrata joone värvi, stiili (nt solid, wavy, double, dotted) ja paksuse.

CSS-is saab muuta teksti kuju text-transform omadusega:

  • uppercase ehk kõik tähed suurtähed
  • lowercase ehk kõik tähed väiketähed
  • capitalize ehk iga sõna esimene täht on suur

Kirja stiili​

font-style – muudab teksti kursiivseks (italic).3

font-weight – muudab teksti paksust (normal, bold või arv vahemikus 100–900).3

font-variant – nt small-caps, mis kuvab teksti väiketähtedena, kuid suurendab esimesed tähed.3

Uue fondi lisamine​

Google Fonts võimaldab veebilehele lisada uusi fonte.

  1. Vali sobiv font ja vajuta Get Font -> Get embed code
  2. Kopeeri <link> kood ja lisa see HTML <head> ossa
  3. Kasuta fonti CSS-is, määrates font-family

Footnotes​

  1. https://www.w3schools.com/css/css_text_align.asp ↩

  2. https://www.w3schools.com/css/css_text_decoration.asp ↩

  3. https://www.w3schools.com/css/css_font_style.asp ↩ ↩2 ↩3