CSS fontsizeadjust egenskap

Definition och användning

font-size-adjust egenskapen anger ett aspect värde för ett element, vilket håller x-height för förinställd typsnitt.

Förklaring

Höjden på en fonts små bokstäver "x" i förhållande till teckenstorleken kallas en fonts aspect-värde. När en font har ett högt aspect-värde, blir det lättare att läsa när den är inställd till mycket små storlekar. Exempel: Verandas aspect-värde är 0.58 (betyder att när teckenstorleken är 100px, är dess x-height 58px). Times New Romans aspect-värde är 0.46. Detta innebär att Verdana är lättare att läsa i små storlekar jämfört med Times New Roman.

Se också:

CSS-tutorial:CSS teckensnitt

CSS-referencehandbok:CSS font egenskap

HTML DOM-referencehandbok:fontSizeAdjust-egenskapen

Exempel

Ställ in font-size-adjust-egenskapen för olika HTML-element:

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

Prova själv

CSS-syntax

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

Egenskapsvärde

Värde Beskrivning
none Standard. Om denna font inte är tillgänglig, behåller den inte denna fonts x-height.
number

Definiera fonts aspect-värderingsratio.

Användbar formel:

Primära fonts teckenstorlek * (font-size-adjust-värde / tillgänglig fonts aspect-värde) = tillämpad teckenstorlek på tillgänglig font

Exempel:

Om 14px Verdana (aspect-värdet är 0.58) inte är tillgänglig, men en tillgänglig font har ett aspect-värde på 0.46, kommer storleken på den alternativt tillgängliga fonten att vara 14 * (0.58/0.46) = 17.65px.

Tekniska detaljer

Standardvärde: none
Ärvnad: ja
Version: CSS2
JavaScript-syntax: object.style.fontSizeAdjust="0.70"

TIY-exempel

Använd font-size-adjust för att ställa in teckenstorlek
Detta exempel visar hur man använder font-size-adjust för att ställa in teckenstorlek.

Webbläsarstöd

Tal i tabellen noterar den första webbläsarversion som fullständigt stöder egenskapen.

Chrome IE / Edge Firefox Safari Opera
inte stöds inte stöds 3.0 inte stöds inte stöds