Свойство 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>Читайте также
Свойство flex-flow
Является сокращённым свойством для отдельных свойств flex-direction и flex-wrap.
Стиль посещенных ссылок
Псевдокласс :visited применяется к ссылкам, уже посещённым пользователем, и задаёт для них стилев...
Свойство
Устанавливает радиус скругления левого нижнего угла рамки.<br>Если рамка не задана, то скру...
Свойство place-content
Сокращённое свойство place-content одновременно устанавливает значения свойств align-content и ju...
Свойство outline-offset
Устанавливает расстояние между рамкой, созданной с помощью свойства outline, и краем или границей...