Свойство 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-repeat
Определяет, как будет повторяться фоновое изображение, установленное с помощью свойства backgroun...
Свойство z-index
Любые позиционированные элементы на веб-странице могут накладываться друг на друга в определенном...
Свойство counter-increment
Позволяет вставлять генерируемое содержание в текст веб-страницы, которое первоначально в тексте ...
Стиль последнего элемента
Определяет язык, который используется в документе или его фрагменте. С помощью псевдокласса :last...
Свойство white-space
Свойство white-space устанавливает, как отображать пробелы между словами. В обычных условиях любо...