Style fontSizeAdjust-eigenschap

Definitie en gebruik

fontSizeAdjust Deze eigenschap stelt of retourneert de aspectwaarde van het lettertype van de tekst.

Alle lettertypen hebben een aspectwaarde, die het verschil is tussen de grootte van de kleine letter "x" en de grote letter "X".

Als het verkozen lettertype niet beschikbaar is:fontSizeAdjust Deze eigenschap geeft je meer controle over de lettertypegrootte. Als een lettertype niet beschikbaar is, gebruikt de browser het tweede opgegeven lettertype. Dit kan een grote verandering in lettertypegrootte veroorzaken. Om dit te voorkomen, gebruik je deze eigenschap.

Als de browser de aspectwaarde van het eerste gekozen lettertype kent, kan hij bepalen welke lettertypegrootte te gebruiken bij het weergeven van tekst met het tweede gekozen lettertype.

Zie ook:

CSS TutorialCSS Font

CSS Referentiemanualfont-size-eigenschap

HTML DOM Referentiemanualfont-eigenschap

Voorbeeld

Aanpassen van lettertypegrootte:

document.getElementById("myP").style.fontSizeAdjust = "0.58";

Probeer het zelf uit

Syntaxis

Retourneer de fontSizeAdjust-eigenschap:

object.style.fontSizeAdjust

Stel de fontSizeAdjust-eigenschap in:

object.style.fontSizeAdjust = "none|number|initial|inherit"

Eigenschapswaarde

Waarde Beschrijving
none Standaardwaarde. Pas de lettertypegrootte niet aan.
number

Behoud de x-hoogte van het verkozen lettertype en bereken de aspectverhouding van het lettertype.

Gebruikte formule: verkozen lettertype font-size * (verkozen lettertype aspectwaarde / beschikbare lettertype aspectwaarde) = font-size voor beschikbare lettertype

Voorbeeld: Als 14px Verdana (aspectverhouding 0.58) niet beschikbaar is, maar Times New Roman met een aspectverhouding van 0.46 beschikbaar is, dan is de aangepaste lettertypegrootte 14*(0.58/0.46) = 17.65px.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Inherit deze eigenschap van de ouderweergave. Raadpleeg inherit.

Technische details

Standaardwaarde: none
Retourwaarde: String, die de aspectwaarde van het lettertype van de tekst aangeeft.
CSS versie: CSS3

Browser Support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Not Supported Not Supported Supported Not Supported Not Supported