CSS font-weight egenskap

Definition och användning

font-weight-attributet ställer in textens tjocklek.

Förklaring

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

Se också:

CSS-tutorial:CSS teckensnitt

CSS-referenshandbok:CSS font egenskap

HTML DOM-referenshandbok:fontWeight-attributet

Exempel

Ställ in typsnittets tjocklek 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;

Attributvärde

Värde Beskrivning
normal Standardvärde. Definierar standardtecken.
bold Definierar bolda tecken.
tyggare Definierar ännu tjockare tecken.
ligare 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 Detaljerar att typsnittets tjocklek ska inhämtas 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 typsnittets tjocklek
Detta exempel visar hur man ställer in typsnittets tjocklek.

Webbläsarstöd

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

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