CSS font-size-adjust egenskab
- foregående side font-size
- Næste side font-stretch
Definition og brug
font-size-adjust egenskab fastsætter en aspect værdi for et element, så det kan holde den foretrukne skrifts x-height.
Beskrivelse
Højden af den lille bogstave "x" i en skrifttype i forhold til skriftstørrelsen kaldes en skrifttypes aspect-værdi. Når en skrifttype har en høj aspect-værdi, er det lettere at læse, når skrifttypen indstilles til meget små størrelser. Eksempel: Verandas aspect-værdi er 0.58 (betyder, at når skriftstørrelsen er 100px, er x-height 58px). Times New Romans aspect-værdi er 0.46. Dette betyder, at Verdana er lettere at læse i små størrelser end Times New Roman.
Se også:
CSS-tutorial:CSS skrift
CSS-referencehåndbog:CSS font egenskab
HTML DOM-referencehåndbog:fontSizeAdjust-egenskaben
Eksempel
Indstil font-size-adjust-egenskaben for forskellige HTML-elementer:
h1 { font-size-adjust:0.58; } p { font-size-adjust:0.60; }
CSS-syntaks
font-size-adjust: number|none|initial|inherit;
Egenskabsværdi
Værdi | Beskrivelse |
---|---|
ingen | Standard. Hvis denne skrifttype ikke er tilgængelig, bevares ikke x-height for denne skrifttype. |
number |
Definer skrifttypens aspect-værdi-forhold. Brugbar formel:Foretrukne skrifttypers skriftstørrelse * (font-size-adjust-værdi / tilgængelig skrifttypes aspect-værdi) = skriftstørrelse, der kan anvendes til tilgængelig skrifttype Eksempel:Hvis 14px Verdana (aspect-værdi er 0.58) ikke er tilgængelig, men en tilgængelig fonts aspect-værdi er 0.46, vil størrelsen på den erstatende skrifttype være 14 * (0.58/0.46) = 17.65px. |
Tekniske detaljer
Standardværdi: | ingen |
---|---|
Arv: | ja |
Version: | CSS2 |
JavaScript-syntaks: | object.style.fontSizeAdjust="0.70" |
TIY-eksempel
- Brug af font-size-adjust til at indstille skriftstørrelse
- Dette eksempel viser, hvordan man bruger font-size-adjust til at indstille skriftstørrelse.
Browser-understøttelse
Tabellets tal angiver den første browser-version, der fuldt ud understøtter egenskaben.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
ikke understøttet | ikke understøttet | 3.0 | ikke understøttet | ikke understøttet |
- foregående side font-size
- Næste side font-stretch