CSS свойство text-decoration-skip

Свойство 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 Значение элемента наследуется от родительского элемента.

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

chrome firefox safari opera
12.1+
8.0 -webkit-

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

What does the CSS property 'text-decoration-skip' do?
Считаете ли это полезным?