|  в избранное  |  e-mail  |  печать |

логотип компании Sundries это просто наша работа  +7 927·241·97·35 , +7 919·686·71·32


Справочник CSS | hyphens


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

Краткая информация


Значение по умолчаниюmanual
НаследуетсяДа
ПрименяетсяКо всем элементам
АнимируетсяНет


Синтаксис


hyphens: none | manual | auto

Значения


noneСлова не переносятся, даже при наличии в тексте мягких переносов &shy;.
manualПереносы слов в тексте происходят в тех местах, где добавлен &shy; или <wbr>, если их нет, то переносы не делаются.
autoБраузер автоматически добавляет переносы слов на основе встроенного словаря переносов.

Объектная модель

Объект.style.hyphens

Примечание

Internet Explorer и Edge поддерживают свойство -ms-hyphens.
Firefox поддерживает свойство -moz-hyphens.
Safari поддерживает свойство -webkit-hyphens.
Chrome и Opera поддерживают только значение auto и только на платформах Android и Mac.

Поддержка

В настольных браузерах
10 12 6 43 55 42 5.1
В мобильных браузерах
x 6 x 4.3

Пример


<!DOCTYPE html>фото примера
<html lang="ru">
 <head>
  <meta charset="utf-8">
  <title>Переносы</title>
  <style>
   p {
    width: 160px;
    background: #f0f0f0;
    border: 1px solid #333;
    padding: 10px;
    font-size: 18px;
    hyphens: auto;
   }
  </style>
 </head>
 <body>
  <p>Одиннадцатиклассница
  Анжелика после окончания школы выбрала
  профессию делопроизводительницы.</p>
 </body>
</html>

Для статьи использовалась информация с сайта webref.ru