Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Свойство letter-spacing

Дата:30.09.15 в 12:55
Справочник: 

Характеристики свойства

В каких браузерах работает?

8.0+ 1.0+ 3.5+ 1.0+ 1.0+ 1.0+ 1.0+

В каких версиях CSS используется?

CSS 1 CSS 2 CSS 2.1 CSS 3
+ + + +

Для чего используется?

Осуществляет контроль за расстоянием между буквами. Изначально расстояние определяется браузером или семейством шрифта. Аналогично свойствам позиционирования элементов на странице, расстояние между буквами может быть отрицательным, что будет его уменьшать. Не стоит этим злоупотреблять, так как буквы могут наплывать друг на друга.

Как правильно задавать?

letter-spacing: значение;

Какие могут быть значения?

Значением может выступать любое число во всех возможных единицах измерениях, поддерживаемых в CSS. При чем если указано отрицательное значение, то расстояние уменьшается.

  • normal - возвращает изначальное значения интервала.
  • inherit - повторяет шрифт родителя.

Пример использования

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Свойство letter-spacing</title>
  <style>
   p {
    letter-spacing: 5px;
   }
  </style>
 </head> 
 <body> 
  <h2>Заголовок</h2>
  <p>Текст для примера с использованием фиксированного
 интервала между буквами.</p>
 </body>
</html>

По итогу получаем

letter-spacing

Оценка: 
Оценок: 2 (средняя 5 из 5)
Тип CSS свойства: 
Понравилась статья? Расскажите о ней друзьям: