CSS fontsizeadjust egenskap

Definition och användning

font-size-adjust egenskapen specificerar ett aspect värde för ett element, vilket gör att det kan behålla förvald typsnitts x-height.

Förklaring

Höjden på bokstaven "x" i ett typsnitt i förhållande till teckenstorleken kallas ett typsnitts aspect-värde. När ett typsnitt har ett högt aspect-värde är det lättare att läsa när det är 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-tutorials:CSS teckensnitt

CSS-referenshandboken:CSS font egenskap

HTML DOM-referenshandboken: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
ingen Standard. Om detta typsnitt inte är tillgängligt, bevaras inte x-height för detta typsnitt.
number

Definiera typsnittets aspect-värderatio.

Användbar formel:

Förvalt typsnitts storlek * (font-size-adjust-värdet / tillgänglig typsnitts aspect-värde) = tillämpad storlek på tillgänglig typsnitt.

Exempel:

Om 14px Verdana (aspect-värdet är 0.58) inte är tillgänglig, men en tillgänglig fonts aspect-värde är 0.46, kommer storleken på den ersättande typsnittet att vara 14 * (0.58/0.46) = 17.65px.

Tekniska detaljer

Standardvärde: ingen
Arvbarhet: 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

Talen i tabellen anger den första webbläsarens version 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