Свойство 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 | Значение элемента наследуется от родительского элемента. |
Поддержка браузера
|
|
|
|
|---|---|---|---|
|
14.0 -webkit- |
✕ |
5.0 -webkit- |
15.0 -webkit- |
Практикуйте свои знания
Что такое свойство overflow в CSS?
Правильный!
Неправильно!