text-decoration-skip¶

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

Синтаксис¶

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16

/* 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

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

Определение¶

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

Пример¶

1
2
3
4
5
6

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

1

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

См. также¶

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

Ссылки¶

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

Комментарии