CSS fontti koko ominaisuus

Määrittely ja käyttö

font-size-ominaisuus voi asettaa kirjasimen koon.

Selitys

Tämä ominaisuus asettaa elementin kirjasinkoon. Huomaa, että se asettaa todellisuudessa kirjasimen merkkiympyrän korkeuden; todellinen kirjasinkulma voi olla korkeampi tai matalampi kuin nämä ympyrät (tavallisesti matalampi).

Jokaisen avainsanan mukainen kirjasinkoko on oltava korkeampi kuin pienimmän avainsanan vastaava kirjasinkoko ja alempi kuin seuraavan suuren avainsanan vastaava kirjasinkoko.

Katso myös:

CSS-opas:CSS kirjasin

CSS -viittausopas:CSS fontti ominaisuus

HTML DOM -viittausopas:fontSize-ominaisuus

Esimerkki

Aseta eri HTML-elementtien koko:

h1 {font-size:250%;}
h2 {font-size:200%;}
p {font-size:100%;}

Kokeile itse

CSS-kieli

font-size:keskitetty|xx-small|x-small|small|large|x-large|xx-large|smaller|larger|length|initial|inherit;

Ominaisuusarvo

Arvo Kuvaus
  • xx-small
  • x-small
  • small
  • keskitetty
  • large
  • x-large
  • xx-large

Aseta kirjasimen koko eri kokoisiin, xx-smallista xx-largeen.

Oletusarvo: keskitetty.
smaller Aseta font-size isän elementin pienemmäksi.
larger Aseta font-size isän elementin suuremmaksi.
length Aseta font-size vakaana arvona.
% Aseta font-size perustuen isän elementin prosenttiosuuteen.
inherit Määritellään, että fonttikoko tulisi perittää isältä elementiltä.

Tekninen yksityiskohta

Oletusarvo: keskitetty
Perintä: kyllä
Versio: CSS1
JavaScript-kieli: object.style.fontSize="larger"

TIY-esimerkki

Fonttikoon asettaminen
Tämä esimerkki näyttää, miten fonttikoko voidaan asettaa.

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimeen, joka täysin tukee kyseistä ominaisuutta.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 7.0