Slyweb
На разработку сайта! Скидки 50%!
Поиск CSS свойств и HTML элементов:
поиск



Все CSS свойства и HTML элементы справочника
font-size

xx-small | x-small | small | medium | large | x-large | xx-large

В качестве среднего значения выступает medium, все остальные значения соответствуют масштабирующему коэффициенту (1.2) умноженному (разделенному) на размер шрифта который определяется значением medium, то есть если размер шрифта при значении medium равен 12pt, то размер шрифта large будет равен 14.4.

larger | smaller

Использование данных значений приводит к увеличению (уменьшению) размера шрифта. К сожалению, алгоритм увеличения (уменьшения) в спецификации неописан.

В спецификации CSS2 рекомендуется использовать в качестве единиц шрифта единицы em и проценты чаще, чем остальные единицы, поскольку в этом случае повышается однообразность отображение размера шрифта на разных выводящих устройствах.

Пример использования различных значений свойства font-size:

  1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2.<HTML>
  3. <HEAD>
  4. <TITLE>Свойство font-weight</TITLE>
  5.<STYLE type="text/css">
  6..odin { font-size: xx-small;}
  7..dva { font-size: x-small;}
  8..tri { font-size: small;}
  9..four { font-size: medium;}
10..five { font-size: large ;}
11..six { font-size: x-large; }
12..seven { font-size: xx-large ;}
13.</STYLE>
14.</HEAD>
15.<BODY>
16.<span class="odin">xx-small </span>
17.<span class="dva">x-small </span>
18.<span class="tri">small </span>
19.<span class="four">medium </span>
20.<span class="five">large </span>
21.<span class="six">xx-large </span>
22.<span class="seven">xx-large </span>
23.
24.</BODY>
25.</HTML>
26.
Пример свойства font-weight
Пример свойства font-weight


Доступ и установка с jQuery

  • Получить свойство fontSize: val = $("div").css("fontSize");
  • Установить свойство fontSize: $("div").css({"fontSize":"..."});
  • Установить свойство fontSize: $("div").css("fontSize","...");
  • Как использовать популярный jQuery для свойств CSS, - читайте статью "jQuery для начинающих".
Александр Ермаков. Хостинг - www.pwstudio.org