CSS-opas

CSS-TYYLEIHIN LIITTYVÄÄ KOULUTUSTA VUONNA 2008!

Kurssit saatavilla kautta Suomen. Tule ja varaa oma koulutustapahtumasi heti! IT-koulutuksen asiantuntijasi, Koulutus- ja konsultointipalvelu KK Mediat

CSS-ominaisuus: font-weight

CSS-ominaisuus	Kuvaus	Mahdolliset arvot	NN	IE	W3C
font-weight	Määrittää kirjaisimen visuaalisen painavuuden	normal bold bolder lighter 100 200 300 400 500 600 700 800 900	4.0	4.0	CSS1

Esimerkkejä ominaisuuden font-weight käytöstä


p.esimA { 
	font-weight: normal;
}

Tämä on esimerkki leipätekstistä, johon on käytetty ylläolevaa CSS:n font-weight ominaisuutta.


p.esimB { 
	font-weight: bold;
}

Tämä on esimerkki leipätekstistä, johon on käytetty ylläolevaa CSS:n font-weight ominaisuutta.


p.esimC { 
	font-weight: bolder;
}

Tämä on esimerkki leipätekstistä, johon on käytetty ylläolevaa CSS:n font-weight ominaisuutta.


p.esimD { 
	font-weight: lighter;
}

Tämä on esimerkki leipätekstistä, johon on käytetty ylläolevaa CSS:n font-weight ominaisuutta.


span#yksi {font-weight: 100;}
span#kaksi {font-weight: 200;}
span#kolme {font-weight: 300;}
span#nelja {font-weight: 400;}
span#viisi {font-weight: 500;}
span#kuusi {font-weight: 600;}
span#seitseman {font-weight: 700;}
span#kahdeksan {font-weight: 800;}
span#yhdeksan {font-weight: 900;}

Tämä (100) on (200) esimerkki (300) leipätekstistä, (400) johon (500) on (600) käytetty (700) ylläolevaa (800) CSS:n font-weight ominaisuutta (900)

Tutustu artikkelin muihin osiin:
»»» CSS »»» Mediatyyppi Screen ominaisuudet

CSS-opas

CSS-ominaisuus: font-weight

Esimerkkejä ominaisuuden font-weight käytöstä

Tallenna tämä sivu kirjanmerkkeihin!