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>
Результат данного примера в окне браузера: