CSS lettertype-grootte-aanpassing eigenschap

Definitie en gebruik

Het attribuut 'font-size-adjust' stelt een waarde van aspect 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. Als een lettertype een hoge aspectwaarde heeft, is het gemakkelijker leesbaar wanneer het lettertype 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 kleine maten dan Times New Roman.

Zie ook:

CSS handleidingCSS letteren

CSS referentiemanualCSS lettertype eigenschap

HTML DOM referentiemanualfontSizeAdjust 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;

Eigenschapswaarde

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

Definieer de aspectwaarde ratio van het lettertype.

Gebruikte formule:

Het lettertype van de voorkeur * (waarde van font-size-adjust / aspectwaarde van het beschikbare 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
Inheritance: ja
Versie: CSS2
JavaScript syntaxis: object.style.fontSizeAdjust="0.70"

TIY voorbeeld

Gebruik font-size-adjust om de lettergrootte in te stellen
Dit voorbeeld demonstreert hoe je de font-size-adjust instelling gebruikt om de lettergrootte in te stellen.

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