Css style font bold: HTML DOM Style fontWeight Property

Leave a Comment / Css / By /

CSS font

HTML5CSS.ru

ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ

❮ Назад Полный CSS Справочник Дальше ❯


Пример

Укажите все свойства шрифта в одном объявлении:

p.a {
    font: 15px arial, sans-serif;
}

p.b {
    font: italic bold 12px/30px Georgia, serif;
}

Подробнее примеры ниже.

Определение и использование

Свойство font является сокращенным для следующих свойств:

  • font-style
  • font-variant
  • font-weight
  • font-size/line-height
  • font-family

Требуются значения размера шрифта и семейства шрифтов. Если одно из других значений отсутствует, используется значение по умолчанию.

Примечание: Свойство «высота линии» задает расстояние между линиями.

Значение по умолчанию:Значение по умолчанию для всех свойств шрифта
Inherited:yes
Animatable:yes, see individual properties.
Читайте о animatable
Version:CSS1
Синтаксис JavaScript: object.style.font=»italic small-caps bold 12px arial,sans-serif»

Поддержка браузера

Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.

Свойство
font1.04.01.01.03.5

Примечание: В разделе поддержка отдельных обозревателей для каждого значения ниже.

Синтаксис CSS

font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;

Значения свойств

Property/ValueОписание
font-styleЗадает стиль шрифта.
Значение по умолчанию — «Normal»
font-variantЗадает вариант шрифта. Значение по умолчанию — «Normal»
font-weightЗадает вес шрифта. Значение по умолчанию — «Normal»
font-size/line-heightЗадает размер шрифта и высоту линии. Значение по умолчанию — «Normal»
font-familyЗадает семейство шрифтов. Значение по умолчанию зависит от обозревателя
captionИспользует шрифт, используемый элементами управления с подписями (например, кнопки, раскрывающиеся и т.д.)
iconИспользует шрифт, используемый метками значков
menuИспользует шрифты, используемые в раскрывающихся меню
message-boxИспользует шрифты, используемые в диалоговых окнах
small-captionУменьшенная версия шрифта титров
status-bar
Использует шрифты, используемые в строке состояния
initialПрисваивает этому свойству значение по умолчанию. (Читайте о initial)
inheritНаследует это свойство из родительского элемента. (Читайте о inherit)

Другие примеры

Пример

Демонстрация некоторых других значений свойств шрифта.

<p>The browser font used in captioned controls.</p>
<p>The browser font used in icon labels.</p>
<p>The browser font used in dropdown menus.</p>
<p>The browser font used in dialog boxes.</p>
<p>A smaller version of the caption font.</p>
<p>The browser font used in the status bar.</p>

Похожие страницы

CSS Справочник: CSS Шрифта

HTML DOM Справочник: Шрифт Свойство

❮ Назад Полный CSS Справочник Дальше ❯

Популярное CSS

css текст
блоки css
css картинки
как сделать css
цвета css
шрифты css
css стили
елементы css
фон css
кнопки css
таблица css
размер css
ссылки css
изображение css
выравнивание css
внешние отступы css
внутренние отступы css
списки css
css ширина
css при наведении
css формы

Copyright 2018-2020 HTML5CSS. ru

Правила и Условия Политика конфиденциальности О нас Контакты

Справочник по CSS — font

Обновлено: 29.03.2023

font

Универсальное свойство, которое позволяет одновременно задать несколько характеристик шрифта и текста.

Краткая информация

Значение по умолчаниюЗависит от использования
НаследуетсяДа
ПрименяетсяКо всем элементам
АнимируетсяДа

Синтаксис

font: [font-style||font-variant||font-weight||font-stretch] font-size [/line-height] font-family

Значения

В качестве обязательных значений свойства font указывается размер шрифта и его семейство. Остальные значения являются опциональными и задаются при желании. Для подробного ознакомления смотрите информацию о каждом свойстве отдельно.

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

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

Пример

p { font: 12pt/10pt sans-serif; }

Из типографики пошла запись указывать через слэш размер шрифта и высоту строки. Поэтому 12pt в данном случае означает размер основного текста в пунктах, а 10pt — высоту строки. В качестве семейства указывается рубленый шрифт (sans-serif).

p { font: bold italic 110% serif; }

Значение bold устанавливает жирное начертание текста, а italic — курсивное. В данном случае их порядок не важен, поэтому bold и italic можно поменять местами. Размер текста задаётся в процентах, а в качестве гарнитуры используется шрифт с засечками (serif).

p { font: normal small-caps 12px/14px fantasy; }

Значение small-caps принадлежит свойству font-variant и устанавливает текст в виде капители (заглавные буквы уменьшенного размера). Значение normal применяется сразу к двум свойствам: font-style и font-weight.

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

Объект.style.font

Браузеры

font

Посмотреть совместимость на Can I use?

font

flex-wrap

Назад

flex-wrap

hyphens

Далее

hyphens

«полужирный» не является значением «стиля шрифта».

· Ракетный валидатор

Rocket Validator интегрирует средство проверки HTML W3C Validator. в автоматизированный поисковый робот.

  • css
  • стиль шрифта
  • смелый
  • вес шрифта

Свойство CSS font-style используется для установки стиля шрифта, например нормальный , курсив или наклонный . Значение жирный не является допустимым значением для стиль шрифта . Вместо этого следует использовать свойство font-weight , чтобы задать жирность шрифта. Допустимые значения для font-weight : normal , жирный , жирнее и светлее .

Вот пример использования свойства font-weight для выделения текста полужирным шрифтом:

 
Этот текст выделен жирным шрифтом.

Кроме того, вы можете использовать таблицу стилей CSS, чтобы применить свойство

font-weight к нескольким элементам: