Style fontWeight-eigenschap

Definitie en gebruik

fontWeight Instellen of retourneren van de dikte van de tekens in de tekst.

Zie ook:

CSS Handleiding:CSS font

CSS Referentiehandleiding:font-weight-eigenschap

HTML DOM Referentiehandleiding:Lettertype-eigenschap

Voorbeeld

Voorbeeld 1

Stel de dikte van het lettertype van het <p>-element in op "900":

document.getElementById("myP").style.fontWeight = "900";

Probeer het zelf

Voorbeeld 2

Demonstratie van mogelijke waarden:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myP").style.fontWeight = listValue;

Probeer het zelf

Voorbeeld 3

Retourneer de dikte van het lettertype van het <p>-element:

alert(document.getElementById("myP").style.fontWeight);

Probeer het zelf

Syntaxis

Retourneer fontWeight-eigenschap:

object.style.fontWeight

Stel fontWeight-eigenschap in:

object.style.fontWeight = "normal|lighter|bold|bolder|value|initial|inherit"

Eigenschapswaarde

Waarde Beschrijving
normal Lettertype normaal. Standaard.
lighter Lettertype fijn.
bold Lettertype is bold.
bolder Lettertype dichter.
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900

Definieer de lettertypen van fijn naar dik.

400 is hetzelfde als normal, 700 is hetzelfde als bold.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Inheritere deze eigenschap van de ouderlijke element. Raadpleeg inherit.

Technische details

Standaardwaarde: normal
Retourwaarde: Stringwaarde die de dikte van het lettertype aangeeft.
CSS versie: CSS1

Browser ondersteunt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support