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



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

В сокращенном варианте записи допускается определять любые свойства связанные с шрифтом, за исключением свойств font-stretch и font-size-adjust.

Примеры сокращенных вариантов записи данного свойства:

  1.P { font: 12pt/14pt sans-serif }
  2.P { font: 80% sans-serif }
  3.P { font: x-large/110% "new century schoolbook", serif }
  4.P { font: bold italic large Palatino, serif }
  5.P { font: normal small-caps 120%/120% fantasy }
  6.P { font: oblique 12pt "Helvetica Nue", serif; font-stretch: condensed }

При этом во втором правиле размер шрифта установлен равным 80% относительно родительского элемента, а в третьем правиле высота строки установлена равной 110%.

Хотя первые три правила не устанавливают толщину шрифта, она определяется исходным значением свойства font-weight – normal. Названия имен семейства шрифтов, содержащих пробелы, должны быть заключены в кавычки.

Среди значений данного свойства так же присутствуют системные шрифты:

caption шрифт, используемый в меню (кнопки, выпадающие списки и т.д.).
icon шрифт, используемый в качестве ярлыка к иконке.
menu шрифт, используемый в меню (выпадающем меню).
message-box шрифт используемый в диалоговых окнах.
small-caption шрифт, используемый в элементах управления.
status-bar шрифт, используемый в строке состояния.

Сокращенный вариант записи вставляет в качестве значений неуказанных свойств исходные значения данных свойств, то есть запись типа:

  1.BUTTON P {
  2. font-style: normal;
  3. font-variant: normal;
  4. font-weight: 600;
  5. font-size: 9pt;
  6. line-height: normal;
  7. font-family: Charcoal
  8.}
будет точно соответствовать:
  1.BUTTON P {font: 600 9pt Charcoal}


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

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