В этом уроке научимся работать с текстом. Рассмотрим свойства с помощью которых работают с текстом в сss.

Первое свойство которое мы рассмотрим это свойство text-align(выравнивание текста). Это свойство имеет 3 значения:

1. Left- выравнивание по левому краю(по умолчанию).

2. Right- выравнивание по правому краю.

3. Center- выравнивание по центру.

Пример:

Мир в точности таков, каким мы его видим

.align {text-align:center}
Создаем новый класс align и свойству text-align присваиваем значение center. В html коде в тег который вам надо вписываем класс align. В примере показано что класс align мы присвоили заголовку h3 и мы выровняли по центру.

---

Теперь рассмотрим свойство text-decoration. Оно может принимать такие значения:

1. None(стандарнтный текст).

2. Underline(подчеркивание текста).

3. Overline(надчеркивание текста).

4. Iine-through(зачеркивание текста).

Пример:

Мир в точности таков, каким мы его видим

.align {text-align:center; text-decoration:line-through;}

---

Следующее свойство text-transform. Значения свойства text-transform:

1. Capitalize(первая буква каждого слова большая).

2. Uppercase(все буквы в слове большие).

3. Lowercase(все буквы строчные).

Пример:

Можно Долгие Годы Искать Что-то Или Кого-то И В Конце Концов Прийти К Выводу, Что На Самом Деле Ты Искал Самого Себя.

.tr {text-transform:capitalize;}

---

Рассмотрим тоже важное свойство text-indent. С помощью его задается красная строка.

Пример:

Можно долгие годы искать что-то или кого-то и в конце концов прийти к выводу, что на самом

деле ты искал самого себя.

p {text-indent:25px;}

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

---

Мы рассмотрели самые основные и используемые свойства по работе с текстом.

---