Додаткові властивості тексту в СSS

Послухайте, друзі.
Властивості CSS — невичерпні.

Дозвольте я вам покажу ще декілька.

Що як я захочу змінити

відстані між рядками в моїй пісні?

Я можу використати властивість
"line-height" (висота рядка)

і визначити висоту: 15 пікселів.

Або, можливо, краще зробити її 1.5em,
що зробить висоту рядка

в півтора раза більшою,
ніж розмір тексту.

А що як я захочу розмістити пісню
по центру сторінки?

Я можу використати властивість
"text-align" (розміщення тексту)

і задати значення "center" (центр).

Я також можу змінити його на "right"
(справа) або "justified"

(вирівняний по ширині),

хоча, я думаю, це матиме
трохи дивний вигляд.

А якщо я захочу підкреслити
головний параграф?

Я можу використати властивість
"text-decoration"

і задати значення "underline"
(підкреслення).

А якщо я хочу видалити підкреслення
з посилань,

так як в цьому посиланні на Вікіпедію?

Браузер має певні правила стилів,
які він встановлює

за замовчуванням.

Наприклад, "text-decoration: underline"
для посилань.

Але ми можемо використати CSS, щоб
змінити стилі браузера за замовчуванням,

і написати "text-decoration: none".

Всього лиш додайте це правило тут.
{text-decoration: none}.

І зараз ви бачите, що
посилання вже не підкреслене.

Але ми маємо бути обережними,
коли робимо таке,

тому що для значень за замовчуванням
переважно є якась причина.

Якщо посилання не будуть підкреслені,
як люди знатимуть, що це посилання?

А що як вони ніколи на них не натиснуть,
бо думатимуть, що це звичайний текст?

Якщо ми видалимо підкреслення,
ми маємо бути впевнені,

що посилання якось вирізняється
будь-яким чином.

В іншому випадку ми змусимо
користувачів сумувати.

А сумні користувачі роблять
сумною мене.

Вони б мали і вас робити сумними.

Я можу розповідати вам про властивості
тексту цілий день.

Але я не буду, бо нам потрібно
вивчити ще стільки всього.

Існують сотні властивостей CSS.

І браузери додають все більше
й більше щороку.

Я, напевно, ніяк не зможу
розповісти вам про усі з них.

Але, на щастя, я можу розповісти
достатньо, щоб зацікавити вас.

І якщо вас зацікавить, чи існує якась
властивість CSS для певного стилю,

і її не буде в нашій документації тут,

ви завжди можете зайти в пошукову систему
і з'ясувати.

Наприклад, якщо вас цікавить,

чи є спосіб додати тінь до вашого тесту,

просто пошукайте в Інтернеті "СSS text
shadow" (СSS текст тінь)

і ви побачите багато результатів.

Загалом, спроможність знайти
в Інтернеті

відповіді на свої запитання —

дуже важлива риса для веб-розробника.

Тому що дуже багато людей
мають такі ж питання, як і ви,

і у 99,9 % випадків відповіді на них є в Інтернеті.

Ви всього лиш маєте навчитись шукати їх.

Переклад на українську мову: Зоряна Гаврилюк, рев'юер: Юлія Білаш, Благодійний фонд "MagneticOne.org"