Всем привет. Сегодня мы рассмотрим основные свойства css которые вы можете использовать для управления отступами и интервалами в тексте. Итак, поехали! Допустим у нас есть следующий текст.
<p>
Ещё лет 10 назад главной аппаратно-программной платформой выступала операционная система Windows и процессоры Intel,
что справедливо и для современных участников выставки Computex, явно запаздывающих за основными тенденциями.
Уже давно происходит серьёзный сдвиг от компьютеров как рабочих станций к облачной инфраструктуре сервисов, доступ
к которым осуществляется самыми различными средствами и в меньшей степени со стационарных компьютеров.
Автоматизация и искусственный интеллект проникают во многие области жизни. Индустрия вынуждена перестраиваться,
производители и разработчики ищут новые способы развития своего бизнеса, постепенно меняя направления деятельности.
Потеря чёткого вектора движения и простых правил игры усложняет эту задачу.
</p>
Который расположен в элементе 'p'. Относительно данного элемента мы и будем задавать следующие свойства.
Первое свойство которое мы рассмотрим text-indent:
p{
text-indent:20px;
}
С помощью него указывается отступ красной строки. В результате у нас в самом начале текста в теге 'p' появится отступ в 20px. Как правило красная строка помогает визуально разбивать текст на отдельные кусочки.
Далее можно рассмотреть такое свойство как letter-spacing:
p{
letter-spacing:10px;
}
Оно задает интервал между символами текста. Это уже более специфично и скорее подойдет для выделения отдельных слов или заголовков.
С помощью свойства word-spacing можно указывать интервал между словами в тексте.
p{
word-spacing:10px;
}
Здесь указан интервал между словами в 10px. Это полезно когда мы хотим сжать или немного расширить наш текст.
На закуску рассмотрим line-height:
p{
line-height:40px;
}
В данном свойстве указывается межстрочный интервал. Благодаря нему мы можем увеличить или уменьшить расстояние между строками текста.
Вот в принципе все основные свойства css которые вы должны знать для управления интервалами и отступами текста.
На этом данная статья подошла к концу. Желаю вам успехов и удачи! Пока.