CSS lettertype-grootte-aanpassing eigenschap

Definitie en gebruik

Het 'font-size-adjust' kenmerk stelt een aspect-waarde in voor een element, zodat de x-height van de voorkeuzelettertype kan worden behouden.

Verklaring

De hoogte van de kleine letter 'x' van een lettertype in verhouding tot de hoogte van de letter 'font-size' wordt een aspectwaarde van een lettertype genoemd. Wanneer een lettertype een hoge aspectwaarde heeft, is het gemakkelijker leesbaar wanneer het in een zeer kleine maat wordt ingesteld. Voorbeeld: De aspectwaarde van Verdana is 0.58 (wat betekent dat wanneer de lettergrootte 100px is, de x-height 58px is). De aspectwaarde van Times New Roman is 0.46. Dit betekent dat Verdana gemakkelijker leesbaar is in een kleine maat dan Times New Roman.

Zie ook:

CSS handleiding:CSS letteren

CSS referentiemanual:CSS lettertype eigenschap

HTML DOM referentiemanual:fontSizeAdjust eigenschap

Voorbeeld

Stel de font-size-adjust-eigenschap in voor verschillende HTML-elementen:

h1
  
  font-size-adjust:0.58;
  
p
  
  font-size-adjust:0.60;

Probeer het zelf

CSS syntaxis

font-size-adjust: number|none|initial|inherit;

Attribuutwaarde

Waarde Beschrijving
geen Standaard. Als dit lettertype niet beschikbaar is, wordt de x-height van dit lettertype niet behouden.
number

Definieer de aspectwaardeverhouding van het lettertype.

Beschikbare formule:

Het lettertype van de voorkeur vermenigvuldigd met (waarde van font-size-adjust / aspectwaarde van beschikbaar lettertype) = de maat van het toepasbare lettertype op het beschikbare lettertype

Voorbeeld:

Als 14px van Verdana (aspectwaarde is 0.58) niet beschikbaar is, maar een beschikbare lettertype aspectwaarde is 0.46, dan zal de maat van het alternatieve lettertype 14 * (0.58/0.46) = 17.65px zijn.

Technische details

Standaardwaarde: geen
Inheritantie: ja
Versie: CSS2
JavaScript syntaxis: object.style.fontSizeAdjust="0.70"

TIY voorbeeld

Instellen van lettergrootte met font-size-adjust
Dit voorbeeld toont hoe je de lettergrootte met behulp van font-size-adjust instelt.

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die de eigenschap volledig ondersteunt.

Chrome IE / Edge Firefox Safari Opera
niet ondersteund niet ondersteund 3.0 niet ondersteund niet ondersteund