Чтобы растянуть текст в CSS, можно использовать свойство letter-spacing
, которое задает расстояние между буквами слова. Значения данного свойства могут быть заданы в пикселях, em, rem, процентах и других единицах измерения.
Например, чтобы растянуть текст на 0.5 пикселя, можно написать следующий CSS код:
p {
letter-spacing: 0.5px;
}
Аналогично, чтобы растянуть текст на 1em, то есть на размер текущего шрифта, нужно написать:
p {
letter-spacing: 1em;
}
Еще один способ растянуть текст — использовать свойство text-align
и установить значение justify
. Это сделает так, что текст выровняется по ширине контейнера и будет растянут на всю доступную ширину. Например:
p {
text-align: justify;
}
Обратите внимание, что для корректного отображения необходимо иметь достаточно текста в параграфе, иначе выравнивание по ширине может не работать. Если же нужно растянуть только конкретные слова или фразы в тексте, можно использовать тег span
и задать для него свойство letter-spacing
, например:
<p>Этот текст <span class="stretch">будет растянут</span> на 1em.</p>
.stretch {
letter-spacing: 1em;
}