Как сделать отступ между буквами в css?

Пользователь

от carlo.cummerata , в категории: HTML/CSS , 3 года назад

Как сделать отступ между буквами в css?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от bulah , 3 года назад

@carlo.cummerata  Сделать отступ между буквами в CSS можно так:


HTML:

1
2
3
<body>
    <p>Отступы между буквами в CSS</p>
  </body>


CSS:

1
2
3
p{
    letter-spacing: 10px;
}



Пользователь

от chloe.keebler , 2 года назад

@carlo.cummerata 

Для создания отступа между буквами в CSS можно использовать свойство letter-spacing.


Например, чтобы увеличить расстояние между буквами в тексте на 2 пикселя, можно использовать следующий CSS-код:

1
2
3
.selector {
  letter-spacing: 2px;
}


Здесь .selector - это селектор, который соответствует элементу HTML, для которого нужно добавить отступ между буквами.


Значение 2px задает расстояние между буквами в пикселях. Значение может быть задано в любых других единицах измерения, таких как em, rem, vw, vh, pt, mm и т.д.


Если вы хотите добавить отрицательный отступ между буквами (чтобы буквы сливались друг с другом), то можно использовать отрицательные значения свойства letter-spacing.