Atrybut font-size-adjust w CSS

Definicja i użycie

Atrysta 'font-size-adjust' określa wartość 'aspect', aby utrzymać x-height preferowanej czcionki.

Wyjaśnienie

Wysokość małej litery "x" w czcionce w stosunku do wysokości czcionki nazywana jest wartością aspect czcionki. Kiedy wartość aspect czcionki jest wysoka, kiedy czcionka jest ustawiona na bardzo mały rozmiar, jest łatwiejsza do odczytania. Przykład: wartość aspect czcionki Verdana wynosi 0.58 (oznacza to, że gdy rozmiar czcionki wynosi 100px, jego x-height wynosi 58px). Wartość aspect czcionki Times New Roman wynosi 0.46. Oznacza to, że Verdana jest łatwiejsza do odczytania w małych rozmiarach niż Times New Roman.

Zobacz również:

Tutorial CSSCzcionki CSS

Podręcznik CSSAtrybut font w CSS

Podręcznik HTML DOMAtrybut fontSizeAdjust

Przykład

Ustawienie różnych atrybutów font-size-adjust dla różnych elementów HTML:

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

Próbuj sam

Gramatyka CSS

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

Wartość atrybutu

Wartość Opis
none Domyślnie. Jeśli ta czcionka jest niedostępna, to nie utrzymuje x-height tej czcionki.
number

Definiowanie proporcji wartości aspect czcionki.

Możliwa formuła:

Rozmiar czcionki preferowanej * (wartość font-size-adjust / wartość aspect dostępnej czcionki) = rozmiar czcionki dostępnej do zastosowania

Przykład:

Jeśli 14px Verdana (wartość aspect wynosi 0.58) jest niedostępna, ale dostępna czcionka ma wartość aspect wynoszącą 0.46, to rozmiar alternatywnej czcionki będzie wynosił 14 * (0.58/0.46) = 17.65px.

Szczegóły techniczne

Domyślna wartość: none
Inheredność: yes
Wersja: CSS2
Gramatyka JavaScript: object.style.fontSizeAdjust="0.70"

Próbuj sam

Ustawianie rozmiaru czcionki za pomocą font-size-adjust
Ten przykład pokazuje, jak używać font-size-adjust do ustawiania rozmiaru czcionki.

Obsługa przeglądarki

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome IE / Edge Firefox Safari Opera
nie obsługuje nie obsługuje 3.0 nie obsługuje nie obsługuje