CSS свойство block-overflow

Свойство block-overflow обрезает текст и, с помощью многоточия или пользовательской строки после нескольких строк, указывает, что есть продолжение контента.

Если блок не содержит блока линий сразу перед разрывом области, свойство block-overflow не будет работать.
Значение по умолчанию clip
Применяется К блочным контейнерам.
Наследуется Да
Анимируемое Нет
Версия CSS3
DOM синтаксис object.style.blockOverflow= "ellipsis";

Синтаксис

block-overflow: clip | ellipsis | <string> | initial | inherit;

Пример

.module {
block-overflow: [clip | ellipsis | 
<string>
];
max-lines: [
<integer>
]; /* required by block-overflow */
}

Значения

Значение Описание
clip Нет изменений отображения контента.
ellipsis Отображает многоточие (...) в конце последней линии. Оно отображается как символ Unicode (U+2027), но может быть изменено эквивалентом в зависимости от языка контента и режима письма пользовательского агента.
<string> Отображает указанную строку в виде многоточий в конце последней линии. Браузер может обрезать строку, если она очень длинная.
initial Устанавливает свойство в значение по умолчанию.
inherit Значение элемента наследуется от родительского элемента.

Поддержка браузера

chrome firefox safari opera
14.0
-webkit-
5.0
-webkit-
15.0
-webkit-

Практикуйте свои знания

Что такое свойство overflow в CSS?
Считаете ли это полезным?