CSS lettertype-gewicht eigenschap

Definitie en gebruik

De eigenschap font-weight stelt de dikte van de letters in de tekst in.

Uitleg

Deze eigenschap wordt gebruikt om de dikte van de letters in de tekst van het weergave-element in te stellen. Het cijfer 400 is equivalent aan het woord normal, en 700 is equivalent aan bold. De dikte van de letters die bij elke cijferwaarde hoort, moet ten minste even dun als de volgende kleinste cijferwaarde zijn, en ten minste even dik als de volgende grootste cijferwaarde.

Zie ook:

CSS handleiding:CSS lettertype

CSS referentiehandleiding:CSS lettertype eigenschap

HTML DOM referentiehandleiding:fontWeight eigenschap

Voorbeeld

Stel de dikte van de letters van drie paragrafen in:

p.normaal {font-weight:normal;}
p.dik {font-weight:bold;}
p.dikker {font-weight:900;}

Probeer het zelf

CSS syntaxis

font-weight: normal|bold|dichter|lichter|number|initial|inherit;

Eigenschapswaarde

Waarde Beschrijving
normaal Standaardwaarde. Definieert standaard letters.
bold Definieert vetgedrukte letters.
dichter Definieert dikkere letters.
lichter Definieert dunnere letters.
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
 Definieert de letters van dikkere tot dunner. 400 is equivalent aan normal, en 700 equivalent aan bold.
inherit Stelt dat de dikte van de letters van het ouder-element moet worden geërfd.

Technische details

Standaardwaarde: normaal
Inheritsiviteit: ja
Versie: CSS1
JavaScript syntaxis: object.style.fontWeight="900"

TIY voorbeeld

Instellen van de dikte van de letters
Dit voorbeeld toont hoe je de dikte van de letters kunt instellen.

Browserondersteuning

Tabelnummers geven de eerste browserversie aan die deze eigenschap volledig ondersteunt aan.

Chrome IE / Edge Firefox Safari Opera
2.0 4.0 1.0 1.3 3.5