CSS font-weight egenskap

Definition och användning

font-weight-egenskapen ställer in textens tykvikt.

Förklaring

Egenskapen används för att ställa in textens tykvikt i det visade elementet. Numeriska värdet 400 motsvarar nyckelordet normal, medan 700 är lika med bold. Varje numeriskt värde för tykvikt måste vara minst lika tjockt som nästa minsta värde och minst lika tunnt som nästa största värde.

Se också:

CSS-tutorials:CSS teckensnitt

CSS-referencehandboken:CSS font egenskap

HTML DOM-referencehandboken:fontWeight-egenskapen

Exempel

Ställ in tykvikten för tre stycken:

p.normal {font-weight:normal;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}

Prova själv

CSS-syntax

font-weight: normal|bold|bolder|lighter|number|initial|inherit;

Egenskapsvärde

Värde Beskrivning
normal Standardvärde. Definierar standardtecken.
bold Definierar bolda tecken.
bolder Definierar ännu tjockare tecken.
lighter Definierar ännu tunnare tecken.
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
 Definierar tecken från tjock till tunn. 400 är lika med normal, medan 700 är lika med bold.
inherit Specificerar att textens tykvikt ska härledas från föräldrelementet.

Tekniska detaljer

Standardvärde: normal
Arvsförmåga: ja
Version: CSS1
JavaScript-syntax: object.style.fontWeight="900"

TIY-exempel

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

Webbläsarstöd

Talen i tabellen anger den första webbläsareversion som helt stöder egenskapen.

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