font-size

Internet Explorer Netscape Opera Safari Firefox
6.0 7.0 8.0 8.0 9.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Да Да Да Да Да Да Да Да Да Да Да Да Да Да

 

CSS CSS1, CSS2
Значение по умолчанию medium
Наследуется Да
Применяется Ко всем элементам
Аналог HTML <font size="...">

Описание

Определяет размер шрифта элемента. Размер может быть установлен несколькими способами. Набор констант (xx-small, x-small, small, medium, large, x-large, xx-large) задает размер, который называется абсолютным. По правде говоря, они не совсем абсолютны, поскольку зависят от настроек браузера и операционной системы.

Другой набор констант (larger, smaller) устанавливает относительные размеры шрифта. Поскольку размер унаследован от родительского элемента, эти относительные размеры применяются к родительскому элементу, чтобы определить размер шрифта текущего элемента.

В конечном итоге, размер шрифта сильно зависит от значения свойства font-size у родителя элемента.

Синтаксис

font-size: абсолютный размер | относительный размер | значение | проценты | inherit

Значения

Для задания абсолютного размера используются следующие значения: xx-small, x-small, small, medium, large, x-large, xx-large. Их соответствие с размером шрифта в HTML приведено в табл. 1.

Табл. 1. Размер шрифта в CSS и HTML
CSS xx-small x-small small medium large x-large xx-large
HTML 1 2 3 4 5 6 7

Относительный размер шрифта задается значениями larger и smaller.

Также разрешается использовать любые допустимые единицы CSS: em (высота шрифта элемента), ex (высота символа х), пункты (pt), пикселы (px), проценты (%) и др. За 100% берется размер шрифта родительского элемента. Отрицательные значения не допускаются.

inherit
Наследует значение родителя.

Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  "http://www.w3.org/TR/html4/strict.dtd"> <html>  <head>   <meta http-equiv="Content-Type" content="text/html;    charset=windows-1251">   <title>font-size</title>   <style type="text/css">    H1 {     font-family: 'Times New Roman', Times, serif;/*Гарнитура текста*/      font-size: 250%; /* Размер шрифта в процентах */     }     P {     font-family: Verdana, Arial, Helvetica, sans-serif;      font-size: 11pt; /* Размер шрифта в пунктах */     }   </style>  </head>   <body>       <h1>Duis te feugifacilisi</h1>   <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit,    sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna    aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud    exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea    commodo consequat.</p>     </body> </html>

Объектная модель

[window.]document.getElementById("elementID").style.fontSize

Браузеры

Internet Explorer до седьмой версии включительно не поддерживает значение inherit.