Свойство hyphens

Описание

Указывает, как расставлять переносы слов в блоке текста.

Словарь переносов хранится в браузере и подключается только при наличии атрибута lang с кодом языка. Так, для русского языка следует добавить lang='ru' к элементу html или непосредственно к абзацу текста.

Синтаксис

hyphens: none | manual | auto;
Значение Описание
none Слова не переносятся, даже при наличии в тексте мягких переносов ­ ;.
manual Переносы слов в тексте происходят в тех местах, где добавлен ­ ; или wbr, если их нет, то переносы не делаются.
auto Браузер автоматически добавляет переносы слов на основе встроенного словаря переносов.

Пример

<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
 #test {
 width: 130px;
 height: auto;
 border: 3px solid black;
 background-color: rgba(127, 255, 212, 0.617);
 color: black;
 -webkit-hyphens: none;
 -moz-hyphens: none;
 -ms-hyphens: none;
 hyphens: none;
 }
 </style>
 <div id='test'>Далеко-далеко за словесными горами в стране.</div>
</body>
</html>
Далеко-далеко за словесными горами в стране.

Читайте также