Style fontSize-eigenschap

Definitie en gebruik

fontSize Instellen of retourneren van de tekstgrootte van de tekst.

Zie ook:

CSS Tutorial:CSS font

CSS Referentiemanual:font-size-eigenschap

HTML DOM Referentiemanual:Font-eigenschap

Voorbeeld

Voorbeeld 1

Stel de tekstgrootte van het <p>-element in op "xx-large":

document.getElementById("myP").style.fontSize = "xx-large";

Probeer het zelf

Voorbeeld 2

Demonstratie van mogelijke waarden:

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

Probeer het zelf

Voorbeeld 3

Retourneer de tekstgrootte van het <p>-element:

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

Probeer het zelf

Syntax

Retourneren van fontSize-eigenschap:

object.style.fontSize

Instellen van fontSize-eigenschap:

object.style.fontSize = "value|initial|inherit"

Eigenschapswaarde

Waarde Beschrijving
  • xx-small
  • x-small
  • small
  • medium
  • large
  • x-large
  • xx-large
 Stel de tekstgrootte in op een andere vaste grootte, van xx-small tot xx-large.
smaller Verklein de tekstgrootte met een relatieve eenheid.
larger Verhoog de tekstgrootte met een relatieve eenheid.
length Definieer de tekstgrootte met een lengte-eenheid.
% Stel de tekstgrootte in als een percentage van de tekstgrootte van het ouder-element.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Erft deze eigenschap van de ouder-element. Raadpleeg inherit.

Technische details

Standaardwaarde: medium
Retourwaarde: String die de tekstgrootte van een element aangeeft.
CSS Versie: CSS1

Browser support

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