CSS font-size egenskap

Definition och användning

font-size-egenskapen kan ställa in teckenstorleken.

Beskrivning

Denna egenskap ställer in elementets teckenstorlek.Observera att det faktiskt ställer in höjden på teckenrutan; den faktiska teckenformen kan vara högre eller lägre än dessa rutor (vanligtvis lägre).

Varje nyckelord måste ha en teckenstorlek som är högre än den minsta nyckelordets teckenstorlek och lägre än den nästa största nyckelordets teckenstorlek.

Se också:

CSS-tutorials:CSS teckensnitt

CSS-handboken:CSS font egenskap

HTML DOM-handboken:fontSize-egenskapen

Exempel

Ställ in storleken på olika HTML-element:

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

Prova själv

CSS-syntax

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

Egenskapsvärde

Värde Beskrivning
  • xx-small
  • x-small
  • small
  • medium
  • large
  • x-large
  • xx-large

Ställ in teckenstorleken till olika storlekar, från xx-small till xx-large.

Standardvärde: medium.
smaller Sätt font-size till en mindre storlek än föräldrelementet.
larger Sätt font-size till en större storlek än föräldrelementet.
length Sätt font-size till ett fast värde.
% Sätt font-size till en procentandel av föräldrelementets storlek.
inherit Det specificeras att teckenstorleken bör härledas från föräldrelementet.

Tekniska detaljer

Standardvärde: medium
Arv: ja
Version: CSS1
JavaScript-syntax: object.style.fontSize="larger"

TIY-exempel

Ställ in teckenstorlek
Detta exempel visar hur du ställer in teckenstorlek.

Webbläsarstöd

Tal i tabellen anger den första webbläsare som fullständigt stöder egenskapen.

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