Style font eigenschap

Definitie en gebruik

font Eigenschappen worden ingesteld of teruggegeven in afgekorte vorm en kunnen maximaal zes afzonderlijke lettertype-eigenschappen bevatten.

Door deze eigenschap kunt u de volgende inhoud instellen/terugkrijgen (volgens deze volgorde):

font-size en font-family Is vereist. Als een van de andere waarden ontbreekt, wordt de standaardwaarde ingevoegd (indien beschikbaar).

Deze eigenschappen kunnen ook worden ingesteld met behulp van afzonderlijke stijleigenschappen. Het wordt sterk aanbevolen dat niet-geavanceerde auteurs afzonderlijke eigenschappen gebruiken om een betere controle te krijgen.

Zie ook:

CSS handleiding:CSS font

CSS referentiehandleiding:Font-eigenschap

Voorbeeld

Voorbeeld 1

Stel het lettertype van het <p>-element in:

document.getElementById("myP").style.font = "italic bold 20px arial,serif";

Probeer het zelf uit

Voorbeeld 2

Retourneer het lettertype van het <p>-element:

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

Probeer het zelf uit

Syntax

Retourneer het font-eigenschap:

object.style.font

Stel het font-eigenschap in:

object.style.font = "font-style font-variant font-weight font-size/line-height|caption|icon|menu|
message-box|small-caption|status-bar|initial|inherit;"

Eigenschapswaarde

Waarde Beschrijving
style Stel het lettertype-stijl in.
variant Zet de tekst in kleine hoofdletters.
weight Stel de dikte van het lettertype in.
size Stel de lettergrootte in.
lineHeight Stel de regelafstand in.
family Stel lettertype in.
caption Lettertype gebruikt voor titelstuurprogramma's (zoals knoppen, dropdown-menu's, enz.).
icon Lettertype gebruikt voor het markeren van pictogrammen.
menu Lettertype gebruikt in menu's.
message-box Lettertype gebruikt in dialogen.
small-caption Lettertype gebruikt in kleine stuurprogramma's.
status-bar Lettertype gebruikt in de statusbalk van het venster.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Inheritere deze eigenschap van de ouder-element. Raadpleeg inherit.

Technische details

Standaardwaarde: Niet gespecificeerd
Retourwaarde: Een string die de verschillende lettertype-eigenschappen van het element weergeeft.
CSS versie: CSS1

Browserondersteuning

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Ondersteuning Ondersteuning Ondersteuning Ondersteuning Ondersteuning