Eigenschap in CSS -lettergrootte
Voorbeeld
Stel de lettergrootte in voor verschillende elementen:
div.a {
font-size: 15px;
}
div.b {
font-size: large;
}
div.c {
font-size: 150%;
}
Definitie en gebruik
De font-size
eigenschap stelt de grootte van een lettertype in.
Standaardwaarde: | medium |
---|---|
geërfd: | Ja |
Animeerbaar: | Ja. Lees over animeren |
Versie: | CSS1 |
JavaScript-syntaxis: | object .style.fontSize="14px" |
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Property | |||||
---|---|---|---|---|---|
font-size | 1.0 | 5.5 | 1.0 | 1.0 | 7.0 |
CSS-syntaxis
font-size:medium|xx-small|x-small|small|large|x-large|xx-large|smaller|larger|length|initial|inherit;
Eigendomswaarden
Value | Description | Play it |
---|---|---|
medium | Sets the font-size to a medium size. This is default | |
xx-small | Sets the font-size to an xx-small size | |
x-small | Sets the font-size to an extra small size | |
small | Sets the font-size to a small size | |
large | Sets the font-size to a large size | |
x-large | Sets the font-size to an extra large size | |
xx-large | Sets the font-size to an xx-large size | |
smaller | Sets the font-size to a smaller size than the parent element | |
larger | Sets the font-size to a larger size than the parent element | |
length | Sets the font-size to a fixed size in px, cm, etc. Read about length units | |
% | Sets the font-size to a percent of the parent element's font size | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Gerelateerde pagina's
CSS-zelfstudie: CSS-lettertypen
CSS-referentie: eigenschap font
HTML DOM-referentie: eigenschap fontSize