CSS lettertype-grootte eigenschap

Definitie en gebruik

De eigenschap font-size kan de maat van de letter instellen.

Verklaring

Deze eigenschap stelt de lettergrootte van het element in. Let op, het stelt eigenlijk de hoogte van het letterkader in; de daadwerkelijke lettervorm kan hoger of lager zijn (vaak lager).

De lettergrootte van elke sleutel moet hoger zijn dan die van de kleinste sleutel en lager dan die van de volgende grootste sleutel.

Zie ook:

CSS tutorial:CSS lettertype

CSS referentiemanual:CSS lettertype eigenschap

HTML DOM referentiemanual:fontSize eigenschap

Voorbeeld

Stel de maat in van verschillende HTML-elementen:

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

Probeer het zelf

CSS syntaxis

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

Eigenschapswaarde

Waarde Beschrijving
  • xx-small
  • x-small
  • small
  • medium
  • large
  • x-large
  • xx-large

Stel de maat van de lettergrootte in op verschillende maten, van xx-small tot xx-large.

Standaardwaarde: medium.
smaller Stel de waarde van font-size in op een kleinere maat dan het ouderlement.
larger Stel de waarde van font-size in op een grotere maat dan het ouderlement.
length Stel de waarde van font-size in op een vaste waarde.
% Stel de waarde van font-size in op een percentage gebaseerd op het ouderlement.
inherit Het wordt voorgesteld dat de lettergrootte van de elementen van het ouderlement moet worden geërfd.

Technische details

Standaardwaarde: medium
Inheritantie: ja
Versie: CSS1
JavaScript syntaxis: object.style.fontSize="larger"

TIY voorbeeld

Lettergrootte instellen
Dit voorbeeld demonstreert hoe je de lettergrootte instelt.

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.

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