Свойство font-weight - это ваш надежный инструмент для контроля над визуальным весом текста. Все мы знаем, что жирные буквы привлекают внимание, выглядят темнее и массивнее обычного начертания. Достаточно задать значение bold любому элементу, как текст сразу обретет выразительность и акцентный характер. А что делать, если элемент по умолчанию или из-за наследования от родителя уже «кричит» жирным шрифтом? В этом случае можно мягко снизить насыщенность, применив значение normal. Это отличный способ вернуть текстовому блоку более спокойный и читаемый вид. Существуют и относительные значения - bolder и lighter, которые позволяют сделать текст плотнее или светлее относительно унаследованного стиля. Однако на практике они встречаются не так часто: многие шрифты просто не умеют тонко различать эти нюансы плотности. Теоретически можно использовать числовые значения от 100 до 900, но этот подход также страдает от слабой поддержки со стороны браузеров и самих шрифтов. Поэтому опытные разработчики предпочитают избегать таких «серых зон» в коде. | Значение по умолчанию: | normal | | Наследуется: | да | | Версия: | CSS1 | | Синтаксис JavaScript: | object.style.fontWeight="900" | | Значение | Описание | | normal | Стандартное начертание символов. | | bold | Жирное начертание текста. | | bolder | Тоже самое, что и bold. | | lighter | тоже самое, что и normal. | 100200300400500600700 800900 | Определяет толщину шрифта по заданному значению, от 0 до 500 - стандартное начертание шрифта, от 600 до 900 - жирное начертание. | | inherit | Значение наследуется от родительского элемента. | Пример
|