Свойство font-size-adjust контролирует размер шрифта, когда первый выбранный шрифт не доступен. Когда первый выбранный шрифт не доступен, браузер использует второй заданный шрифт. Таким образом, размер шрифта может быть изменен. Свойство font-size-adjust контролирует все эти процессы.
Все шрифты имеют “аспект шрифта”, что равно разнице между строчной буквой и заглавной буквой.
Значение по умолчанию | none |
Применяется | Ко всем элементам, а также к ::first-letter и ::first-line. |
Наследуется | Да |
Анимируемое | Да |
Версия | CSS3 |
DOM синтаксис | object.style.fontSizeAdjust = "0.5"; |
Синтаксис
font-size-adjust: number | none | initial | inherit;
Пример
<!DOCTYPE html>
<html>
<head>
<title>Заголовок документа</title>
<style>
div.a {
font-family: sans-serif;
}
div.b {
font-family: 'times new roman';
}
#box-one, #box-two {
font-size-adjust: 0.58;
}
</style>
</head>
<body>
<h2>Пример свойства font-size-adjust</h2>
<h2>Два div элемента с одинаковым свойством font-size-adjust:</h2>
<div id="box-one" class="a">
CSS свойство font-size-adjust определяет, каким образом должен быть выбран размер шрифта на основе высоты строчной буквы, а не заглавной.
</div>
<div id="box-two" class="b">
CSS свойство font-size-adjust определяет, каким образом должен быть выбран размер шрифта на основе высоты строчной буквы, а не заглавной.
</div>
<h2>Два div элемента без применения свойства font-size-adjust:</h2>
<div class="a">
CSS свойство font-size-adjust определяет, каким образом должен быть выбран размер шрифта на основе высоты строчной буквы, а не заглавной.
</div>
<div class="b">
CSS свойство font-size-adjust определяет, каким образом должен быть выбран размер шрифта на основе высоты строчной буквы, а не заглавной.
</div>
</body>
</html>
Значения
Значение | Описание |
---|---|
none | Нет регулировки размера шрифта. Значение по умолчанию. |
number | Определяет аспект шрифта. |
initial | Устанавливает свойство в значение по умолчанию. |
inherit | Значение элемента наследуется от родительского элемента. |
Поддержка браузера
✕ | ✕ | 3.0+ | ✕ | ✕ |
Практикуйте свои знания
What is the purpose of the 'font-size-adjust' property in CSS?
Правильный!
Неправильно!