• Как заработать на сайте
  • Как заработать в интернете
  • Инвестиции в интернете
  • Партнерские программы
  • Рейтинг парт. программ
  • SEO продвижение
  • Вопросы и ответы
  • Термины оптимизатора
  • HTML-уроки
  • Интернет
  • Мои услуги
  • Реклама на сайте
  • Обратная связь
‘тоимость баннера за месяц: 30$ (подробности)
Главная → HTML уроки и советы → CSS → Свойство CSS font-weight

Свойство CSS font-weight

Свойство CSS font-weight отвечает за толщину шрифта (насыщенность). С помощью этого свойства можно сделать текст "жирным".


Синтаксис CSS font-weight

font-weight: bold|bolder|lighter|normal|100..900 ;

Толщину можно задавать как в цифрах, так и стандартными ключевыми словами:

  • bold - жирное значение шрифта (аналог 700)
  • normal (по умолчанию) - нормальное значение шрифта (400)
  • bolder/lighter - шрифт должен быть больше/меньше, чем у родителя
  • inherit - принять значение предка (родителя)

Как изменить толщину шрифта в html

Пример с font-weight

В первом примере перенос слов будет включен, а во втором выключен.

<html> <head> <style> .primer1{ font-weight: normal; font-size: 14px; } .primer2{ font-weight: bold; font-size: 14px; } </style> </head> <body> <div class="primer1">Пример №1. Значение font-weight:normal;</div> <div class="primer2">Пример №2. Значение font-weight:bold;</div> </body> </html>

Вот как это выглядит на странице:

Пример №1. Значение font-weight:normal;

Пример №2. Значение font-weight:bold;

Для обращения к font-weight из JavaScript нужно писать следующую конструкцию:

[window.]document.getElementById("elementID").style.fontWeight="VALUE"


Читайте также:
• Свойство text-align
• Свойство font
• Свойство transform
• Жирный шрифт html
• Свойство css border
• Свойство css background
• Свойство css transition
• Свойство nth-child
• Свойство overflow
• Свойство text-indent
• Свойство position absolute

← Перейти в каталог CSS уроков

Основные разделы
  • Главная
  • Партнерские программы
  • Рейтинг партнерских программ
  • Статьи про SEO
  • Термины SEO
  • Описание бирж
  • HTML-уроки и советы
  • CSS-уроки
  • Биткоины
  • PHP-уроки
  • Бинарные опционы
  • Социальные сети
  • Обзоры систем
  • Все про CMS
  • Реклама в интернете
Важно
  • Продвижение сайта
  • Аудит внутренней оптимизации
  • Куплю Ваш сайт
  • Куплю Вашу подпись на форуме
  • Подписаться на рассылку
  • Реклама на сайте
  • Карта сайта
  • Обратная связь
© 2010-2025 - Zarabotat-Na-Sajte.ru