Расстояние между словами в CSS: word-spacing

word-spacing – Значение устанавливает длину пробела между словами.

Ключевые слова

<word-spacing>

<word-spacing> Глобальные значения:

[ normal | inherit | initial | unset ]

Значение по умолчанию считается normal.

Пример:

<!doctype html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Длина пробела между словами</title>
	      <style type="text/css">
@media screen and (max-width: 767px) {
    body {
    max-width: 767px;
    height: auto;
}
}
h1 { 
   color: blue; 
}
p {
    font-size:14pt;
} 
.text { 
     word-spacing: normal; font-weight: normal;  
}
.text1 {  
	color: red; 
	word-spacing: 5mm;
}
.text2 { 
     word-spacing: 5em; 
}
.text3 { 
    word-spacing: -.4ch;  
}
</style>
  </head>
  <body>
    <h1>Длина пробела между словами</h1>
    <p class="text">word-spacing: normal; Значение по умолчанию считается normal.</p>
    <p class="text1">word-spacing: 5mm;</p>
    <p class="text2">word-spacing: 5em;</p>
    <p class="text3">word-spacing: -.4ch; Значения могут быть отрицательными.
  </body>
</html>

Открыть пример в новом окне

Длина пробела между словами

Рекомендуемые материалы:

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

Расстояние между словами в CSS: word-spacing

Ключевые слова

Пример:

Длина пробела между словами

Блог Web - вебверстки

Полезные статьи

Контакты