Свойство 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>Читайте также
Свойство background-position-x
Задаёт начальное положение фонового изображения по оси X, установленного с помощью свойства background-image...
Свойство grid-column-start
Определяет размер ширины линий. Вы можете думать об этом, как о настройке ширины отступов между столбцами....
Стиль доступных ( незаблокированных ) элементов форм
Псевдокласс :enabled используется для применения стиля к доступным (не заблокированным) элементам форм. По умолчанию, все эл...
Свойство padding-inline
Устанавливает расстояние от внутреннего края рамки элемента до воображаемого прямоугольника по строчной оси....