font-size-adjust
Поддержка браузерами
| 3.0+ |
Описание
CSS свойство font-size-adjust позволяет лучше контролировать размер шрифта, когда первый выбранный шрифт не доступен.
Когда первый заданный шрифт не доступен, браузер использует второй указанный шрифт. Это может привести к большой разнице в размера шрифта. Чтобы этого не случилось, используйте свойство font-size-adjust.
Все шрифты имеют "значение аспекта", которое равно разнице между строчной буквой "x" и прописной буквой "X". Когда браузер знает "значение аспекта" для первого выбранного шрифта, он может вычислить, какой размер шрифта использовать для второго выбранного шрифта при отображении текста.
| Значение по умолчанию: | none |
|---|---|
| Применяется: | ко всем элементам, а также к псевдо-элементам ::first-letter и ::first-line |
| Анимируется: | да |
| Наследуется: | да |
| Версия: | CSS3 |
| Синтаксис JavaScript: | object.style.fontSizeAdjust="0.58" |
Синтаксис
font-size-adjust: число|none|inherit;
Значения свойства
| Значение | Описание |
|---|---|
| число | Определяет значение аспекта для использования. |
| none | Нет регулировки размера шрифта. |
| inherit | Указывает, что значение наследуется от родительского элемента. |
Пример
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Пример</title>
<style>
.divVerdana { font-family: verdana; }
.divTimes { font-family: 'times new roman'; }
#div1 { font-size-adjust: 0.58; }
#div2 { font-size-adjust: 0.58; }
</style>
</head>
<body>
<div id="div1" class="divVerdana">
Пример свойства font-size-adjust
</div>
<div id="div2" class="divTimes">
Пример свойства font-size-adjust
</div>
<br><br>
<div class="divVerdana">
Пример свойства font-size-adjust
</div>
<div class="divTimes">
Пример свойства font-size-adjust
</div>
</body>
</html>
Результат данного примера в окне браузера:
