Свойство 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>Читайте также
Свойство padding-block
Устанавливает расстояние от внутреннего края рамки элемента до воображаемого прямоугольника по блочной оси....
Класс
Классы применяют, когда необходимо определить стиль для одного или нескольких элементов веб-страницы. Элементы при этом могут быть разными, но иметь ч...
Селекторы атрибутов
Устанавливает стиль для элемента, если задан специфичный атрибут. Его значение в данном случае не важно....
Применяется к дочернему элементу указанного типа
Псевдокласс :only-of-type применяется к дочернему элементу указанного типа, только если он является единственным у родителя....