font-size
Пример
Установить размер шрифта для различных элементов:
div.a {
font-size: 15px;
}
div.b {
font-size: large;
}
div.c {
font-size: 150%;
}
Попробуйте сами »
Определение font-size
CSS свойство font-size
задает размер шрифта.
Значение по умолчанию: | medium |
---|---|
Унаследовано: | yes |
Анимируемый: | yes. Читайте о animatable Попробуй |
Версия: | CSS1 |
JavaScript синтаксис: | object.style.fontSize="14px" Попробуй |
Поддержка font-size
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает это свойство.
Свойство | |||||
---|---|---|---|---|---|
font-size | 1.0 | 5.5 | 1.0 | 1.0 | 7.0 |
Синтаксис font-size
font-size:medium|xx-small|x-small|small|large|x-large|xx-large|smaller|larger|length|initial|inherit;
Значения font-size
Значение | Описание | Демонстрация |
---|---|---|
medium | Установить размер шрифта до среднего размера. Это значение по умолчанию | Демо ❯ |
xx-small | Установить размер шрифта до очень маленького размера | Демо ❯ |
x-small | Установить уменьшите размер шрифта до сверх маленького | Демо ❯ |
small | Установить уменьшите размер шрифта до маленького размера | Демо ❯ |
large | Установить размер шрифта увеличен до большого размера | Демо ❯ |
x-large | Установить увеличьте размер шрифта до очень большого размера | Демо ❯ |
xx-large | Установить размер шрифта до сверх большого размера | Демо ❯ |
smaller | Установить размер шрифта меньше, чем у родительского элемента | Демо ❯ |
larger | Установить размер шрифта больше, чем у родительского элемента | Демо ❯ |
length | Установить размер шрифта фиксированным в пикселях, сантиметрах и т.д. Читайте о единицы измерения длины | Демо ❯ |
% | Установить размер шрифта в процентах от размера шрифта родительского элемента | Демо ❯ |
initial | Устанавливает для этого свойства значение по умолчанию. Читайте о initial | |
inherit | Наследует это свойство от своего родительского элемента. Читайте о inherit |
Страницы по теме font-size
CSS Учебник: CSS Шрифты
CSS Справочник: font свойство
HTML DOM справочник: fontSize свойство