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

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


Справочник CSS | word-break


Свойство word-break указывает, как делать перенос строк внутри слов, которые не помещаются по ширине в заданную область.

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


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


Синтаксис


word-break: normal | break-all | keep-all

Значения


normalИспользуются правила переноса строк по умолчанию. Как правило, в этом случае строки не переносятся или переносятся в тех местах, где явно задан перенос (например, с помощью <br>).
break-allПеренос строк добавляется автоматически, чтобы слово поместилось в заданную ширину блока. Значение не работает для текста на китайском, корейском или японском языке.
keep-allНе разрешает перенос строк в словах на китайском, корейском или японском языке. Для остальных языков действует как normal.

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

Объект.style.wordBreak

Примечание

Chrome до версии 44, Opera до версии 31, Safari до версии 9, Android и Opera Mobile не поддерживают значение keep-all.

Поддержка

В настольных браузерах
5.5 12 15 1 44 15 31 3.1 9
В мобильных браузерах
2.1 15 37 3.2 9.2

Пример


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

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