Свойство font-size-adjust в CSS
- предыдущая страница font-size
- Следующая страница font-stretch
Определение и использование
Свойство 'font-size-adjust' устанавливает значение aspect для элемента, чтобы поддерживать x-height предпочтительного шрифта.
Объяснение
Высота lowercase буквы "x" и высота размера шрифта между ними называется аспектным значением шрифта. Когда у шрифта высокий аспектный показатель, шрифт становится более читаемым при очень маленьких размерах. Пример: аспектное значение Verdana составляет 0.58 (这意味着, когда размер шрифта составляет 100px, его x-height составляет 58px). Аспектное значение Times New Roman составляет 0.46. Это означает, что Verdana более читаема при маленьких размерах по сравнению с Times New Roman.
См. также:
Уроки CSS:Шрифты CSS
Руководство по CSS:Свойство font в CSS
Руководство по HTML DOM:Свойство fontSizeAdjust
Пример
Установка различных свойств font-size-adjust для различных HTML элементов:
h1 { font-size-adjust:0.58; } p { font-size-adjust:0.60; }
CSS синтаксис
font-size-adjust: число|none|initial|inherit;
Значение свойства
Значение | Описание |
---|---|
нет | по умолчанию. Если шрифт недоступен, то не поддерживается x-height этого шрифта. |
число |
Определение соотношения аспектных значений шрифтов. Используемая формула:Размер首选ного шрифта * (значение font-size-adjust / аспектное значение доступного шрифта) = размер шрифта, применяемый к доступному шрифту Пример:Если Verdana (аспектное значение 0.58) 14px недоступна, но у某个 доступного шрифта аспектное значение 0.46, то размер заменяемого шрифта будет 14 * (0.58/0.46) = 17.65px. |
Технические детали
по умолчанию: | нет |
---|---|
наследование: | да |
Версия: | CSS2 |
JavaScript синтаксис: | объект.style.fontSizeAdjust="0.70" |
Пример TIY
- Использование font-size-adjust для установки размера шрифта
- Этот пример демонстрирует, как использовать font-size-adjust для установки размера шрифта.
поддержка браузерами
Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
не поддерживается | не поддерживается | 3.0 | не поддерживается | не поддерживается |
- предыдущая страница font-size
- Следующая страница font-stretch