Блог веб разработки статьи | видеообзоры | исходный код

Блог веб разработки статьи | видеообзоры | исходный код

webfanat вконтакте webfanat youtube

отступ текста css

отступ текста css

Всем привет. Сегодня мы рассмотрим основные свойства 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 которые вы должны знать для управления интервалами и отступами текста.

На этом данная статья подошла к концу. Желаю вам успехов и удачи! Пока.

Оцените статью:

Статьи

Комментарии

Внимание!!! Комментарий теперь перед публикацией проходит модерацию

Все комментарии отправлены на модерацию

Реклама

Запись экрана

Данное расширение позволяет записывать экран и выводит видео в формате webm