Fontit

CSS fontit


CSS:n fonttiominaisuudet määrittävät tekstin fontin.


Esimerkkejä

Set the font of a text
Käytettävän fontin määrittäminen

Set a paragraph font using the "caption" value
Kappaleen asettaminen käyttämään "caption"-fonttia

Set the size of the font
Fontin koon määrittäminen

Set the size of the font using font-size-adjust
Fontin koon määrittöäminenfont-size-adjust -ominaisuudella

Set the style of the font
Fontin tyylin määrittäminen

Set the variant of the font
Fontin kirjasinvariantin määrittäminen

Set the boldness of the font
Fontin paksuuden määrittäminen

All the font properties in one declaration
Kaikkien fonttimateriaalien määrittäminen yhdellä kertaa


CSS:n fonttiominaisuudet

CSS:n fonttiominaisuudet mahdollistavat kirjasinperheen, paksuuden, koon ja tekstin tyylin määrittämisen.

Huomaa: CSS1:ssä fonttien tunnisteena toimii fontiston nimi. Jos selain ei tue määritettyä fonttia, käyttää se tämän sijaan oletusfonttia.

Selaintuki: IE: Internet Explorer, F: Firefox, N: Netscape.

W3C: Numero "W3C"-sarakkeessa ilmaisee missä W3C:n CSS rekommendaatiossa omionaisuus on määritetty (CSS1 tai CSS2).

Ominaisuus Kuvaus Arvot IE F N W3C
font Ominaisuus jolla voidaan antaa kaikki fonttimäärittelyt yhdellä kertaa font-style
font-variant
font-weight
font-size/line-height
font-family

caption
icon
menu
message-box
small-caption
status-bar
4 1 4 1
font-family Prioriteettijärjestyksessä oleva luettelo elementin esittämisessä käytettävistä fonteista family-name
generic-family
3 1 4 1
font-size Asettaa fontin koon xx-small
x-small
small
medium
large
x-large
xx-large
smaller
larger
length
%
3 1 4 1
font-size-adjust

Määrittää elementille arvosuhteen, jonka mukaan säädetään ensivalintafontin korkeus.

none
number
- - - 2
font-stretch Kaventaa tai laajentaa fonttia normal
wider
narrower
ultra-condensed
extra-condensed
condensed
semi-condensed
semi-expanded
expanded
extra-expanded
ultra-expanded
- - - 2
font-style Asettaa fontin tyylin normal
italic
oblique
4 1 4 1
font-variant Suuraakkoset päällä / pois normal
small-caps
4 1 6 1
font-weight Asettaa fontin paksuuden normal
bold
bolder
lighter
100
200
300
400
500
600
700
800
900
4 1 4 1
AttachmentSize
23CSS_fontit_harjoituksia.odt16.22 KB
CSS_tekstit_1.zip876 bytes