letter-spacing

Содержание

Определяет интервал между символами в пределах элемента. Браузеры обычно устанавливают расстояние между символами, исходя из типа и вида шрифта, его размеров и настроек операционной системы. Чтобы изменить это значение и применяется данное свойство. Допустимо использовать отрицательное значение, но в этом случае надо убедиться, что сохраняется читабельность текста.

Краткая информация

Значение по умолчаниюnormal
НаследуетсяДа
ПрименяетсяКо всем элементам

Синтаксис

letter-spacing: <размер> | normal

Значения

В качестве значений принимаются любые единицы длины, принятые в CSS — например, пиксели (px), дюймы (in), пункты (pt) и др. Наилучший результат дает использование относительных единиц основанных на размере шрифта (em и ex).

normal
Задает интервал между символами как обычно.

Пример

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>letter-spacing</title>
  <style>
   em {
    letter-spacing: 2px;
   }
  </style>
 </head> 
 <body> 
  <p>Кульминация, после осторожного анализа, существенно 
  перечеркивает экваториальный большой круг небесной сферы, 
  как это случилось в 1994 году с кометой <em>Шумейкеpов-Леви 9</em>.</p>
 </body>
</html>

Результат данного примера показан на рис. 1.

Применение свойства letter-spacing

Рис. 1. Применение свойства letter-spacing

Объектная модель

Объект.style.letterSpacing

Спецификация

СпецификацияСтатус
CSS Text Level 3Рабочий проект
CSS TransitionsРабочий проект
CSS Level 2 (Revision 1)Рекомендация
Scalable Vector Graphics (SVG) 1.1 (Second Edition)Рекомендация
CSS Level 1Рекомендация

Браузеры

Internet ExplorerChromeOperaSafariFirefox
413.511
AndroidFirefox MobileOpera MobileSafari Mobile
1141




Рекомендую хостинг: beget.ru

Сервер падал:6 дн. 3:34 назад.

Посещений в месяц:205640

Посещений в день:100


+7 (951) 527 0204

+7 (928) 103 4987

programmer@niesoft.ru