Руководство по CSS

CSS @правила (RULES)

Полный список свойств CSS

Свойство word-spacing в CSS Свойство width в CSS

Метод использования и пример свойства word-break CSS3

Свойство word-break CSS используется для определения того, как выполняется переворот строк в словах.

Таблица ниже предоставляет инструкции по использованию и историю версий этого свойства, а также его использование в скриптах JavaScript.

Значение по умолчанию:	normal
Применяется к:	Все элементы
Наследование:	Да
Анимируемо:	Нет.Пожалуйста, смотрите: Свойства анимации.
Версия:	Новые функции CSS3
JavaScript грамматика:	object.style.wordBreak="break-all"

Использование грамматики word-break

Грамматика этого свойства такая:

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

Ниже приведен пример того, как использовать свойство word-break.

Пример

　　p　{
　　　width:　150px;
　　　background:　#90ee90;
　　　word-break:　break-all;
　　}

Проверьте, пожалуйста,‹/›

Значения свойств

Таблица ниже описывает значения этого свойства.

Значение	Описание
normal	Слово переворачивается в соответствии с его обычными правилами.
break-all	Разрешается переводить строки внутри слов.
keep-all	Запрещается использование пробелов между парными буквами. Разрешается переводить строки только в полужирные пробелы или дефисы.
initial	Установить этот параметр в его значение по умолчанию.
inherit	Если указано, то связанный элемент использует значение свойства word-break родительского элемента.

Совместимость браузеров

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

	Firefox 15+ Google Chrome 4+ Internet Explorer 5.5 и выше Apple Safari 3.1+ Opera 15+

Дополнительное чтение

Пожалуйста, обратитесь к следующим учебникам:CSS Text.

Связанные свойства:word-wrap,white-space,text-overflow.

Свойство word-spacing в CSS Свойство width в CSS