text-decoration-skip

Свойство text-decoration-skip устанавливает, какие части содержимого элемента должны пропускать текстовое оформление, влияющее на элемент. Оно контролирует все линии оформления текста, нарисованные элементом или его родителями.

Важно

Большинство браузеров поддерживают более простое свойство text-decoration-skip-ink.

Текст

• hanging-punctuation
• hyphens
• letter-spacing
• line-break
• overflow-wrap
• paint-order
• tab-size
• text-align
• text-align-last
• text-indent
• text-justify
• text-size-adjust
• text-transform
• white-space
• word-break
• word-spacing

• letter-spacing
• text-decoration
• text-decoration-color
• text-decoration-line
• text-decoration-style
• text-decoration-thickness
• text-decoration-skip
• text-decoration-skip-ink
• text-emphasis
• text-emphasis-color
• text-emphasis-position
• text-emphasis-style
• text-indent
• text-rendering
• text-shadow
• text-underline-position
• text-transform
• white-space
• word-spacing

Синтаксис

/* Keyword values */
text-decoration-skip: none;
text-decoration-skip: objects;
text-decoration-skip: spaces;
text-decoration-skip: edges;
text-decoration-skip: box-decoration;

/* Multiple keywords */
text-decoration-skip: objects spaces;
text-decoration-skip: leading-spaces trailing-spaces;
text-decoration-skip: objects edges box-decoration;

/* Global values */
text-decoration-skip: inherit;
text-decoration-skip: initial;
text-decoration-skip: unset;

Значения

none

Ничего не пропускается, рисуется сплошная линия

objects

Выступающие символы и иизображения пропускаются

spaces

все пробелы и пробельные символы пропускаются

leading-spaces

то же, что и spaces, но пропускаются только ведущие пробелы

trailing-spaces

то же, что и spaces, но пропускаются только конечные пробелы

edges

Начало и конец оформления текста немного смещены (например, на половину толщины линии) от края содержимого блока оформления. Таким образом, соседние элементы получают отдельные подчеркивания. (Это важно для китайского языка, где подчеркивание является одной из форм пунктуации.)

box-decoration

оформление затрагивает только контентную область, пропуская поля, рамки и отступы

Определение

Начальное значение	objects
Применяется ко	всем элементам
Наследуется	да
Вычисленное значение	как определено
Тип анимации	дискретный

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

Пример

CSSHTMLРезультат

p {
  margin: 0;
  font-size: 3em;
  text-decoration: underline;
  text-decoration-skip: edges;
}

<p>Hey, grab a cup of <em>coffee!</em></p>

См. также

• Элемент a — текст ссылки
• Элемент u — подчеркнутый текст

Ссылки

• Свойство text-decoration-skip ^{MDN (рус.)}
• CSS Text Decoration Module Level 4 ^{Спецификация (eng.)}

Комментарии