Жирний або підкреслений текст у CSS та HTML

Заповнюючи свій сайт, ми обов'язково стикаємося з необхідністю форматування контенту, щоб надати йому більш наочний вигляд або звернути увагу читача на якісь основні моменти.

Навігація за статтею:

Як зробити підкреслений текст CSS-стилями

Щоб виділити фрагмент, і зробити його більш помітним, ми можемо зробити підкреслений текст css-стилями, використовуючи властивістьtext-decoration:underline;

Підкреслений текст CSS

Так само це CSS-властивість має інші цікаві значення:

blink — дозволяє зробити слово або речення мерехтливим,
line-through - перекреслює слово або речення,
overline - дозволяє провести лінію над словом.

Ця властивість також використовується для стилізації відображення посилань за умовчанням. Тому, якщо ви хочете, щоб посилання на сторінках вашого сайту відображалися без підкреслення, вам потрібно задати для неїtext-decoration: none;

Підкреслений текст HTML-тегами

Якщо ви зіткнулися з необхідністю зробити підкреслення в одиничному випадку, то, звичайно, писати стилі для цього одного фрагмента не доцільно. У таких ситуаціях можна зробити підкреслений текст засобами HTML. Для цього вам лише потрібно помістити потрібний фрагмент між тегами…

Як зробити жирний текст CSS-стилями

Для виділення жирним в CSS передбачено властивістьfont-weight, яке в свою чергу має досить велику кількість значень, що приймаються, використовуючи які, ви можете підібрати для своєї ситуації найбільш підходящий жирний текст css-стилями.

Отже,властивістьfont-weight може набувати фіксованих значень:

bold - жирний
bolder - ще жирніше
normal - початковий вигляд
lighter – робить літери тоншими, ніж normal

Крім цього, можна використовувати числові значення, щоб підібрати ступінь жирності на власний розсуд. Для цього можна задати число від 100 до 900, при цьому 100 буде відповідати значенню lighter, а 900 матиме найбільшу жирність, на порядок вище, ніж у значення bolder.