Свойство text-decoration-skip указывает, в каких частях контента элемента должно быть пропущено текстовое оформление.
Свойство управляет линиями оформления текста, нарисованные элементом и его предками.
Значение "ink" перемещено в свойство text-decoration-skip-ink.
| Значение по умолчанию | objects |
| Применяется | Ко всем элементам. |
| Наследуется | Да |
| Анимируемое | Нет |
| Версия | CSS3 |
| DOM синтаксис | object.style.textDecorationSkip = "spaces"; |
Синтаксис
text-decoration-skip: none | objects | spaces | leading spaces | trailing spaces | edges | box-decoration | initial | inherit;Пример
<!DOCTYPE html>
<html>
<head>
<title>Заголовок документа</title>
<style>
p {
margin: 1;
color: #ccc;
font-size: 2em;
text-decoration: underline;
text-decoration-skip: edges;
}
</style>
</head>
<body>
<h2>Пример свойства text-decoration-style</h2>
<p><em>Lorem,</em> <em> Ipsum - это текст-"рыба"</em></p>
</body>
</html>Значения
| Значение | Описание |
|---|---|
| none | Текстовое оформление применяется для всего текстового контента. |
| objects | Весь край блока элемента пропускается, если это изображение или строчный блок. |
| spaces | Интервалы пропущены. |
| leading spaces | Начальные пробелы пропущены. |
| trailing spaces | Конечные пробелы пропущены. |
| edges | Начало и конец текстового оформления имеют небольшой отступ от края контента оформляемого блока. |
| box-decoration | Поле, граница и отступ пропущены. |
| ink | Глифы или подстрочные элементы пропущены. |
| initial | Устанавливает свойство в значение по умолчанию. |
| inherit | Значение элемента наследуется от родительского элемента. |
Поддержка браузера
|
|
|
|
|---|---|---|---|
| ✕ | ✕ |
12.1+ 8.0 -webkit- |
✕ |
Практикуйте свои знания
What does the CSS property 'text-decoration-skip' do?
Правильный!
Неправильно!