У text-decoration-skipособину одређује где је текст подвучен, надвучено, или пробој требало паузе. Ово побољшава читљивост украшеног текста и исправља интерпункцијску граматику за неке језике.
Ево једног примера:
a ( text-decoration-skip: ink; )Главу горе! inkВредност је промењена на потпуно нови имовине, text-decoration-skip-ink: auto;.
Ако ваш прегледач подржава ово својство, овде ћете приметити да потомци сваког знака (попут „и“ и „п“) имају мале размаке око границе:
Погледајте текст Пен-тект-децоратион-скип би ЦСС-Трицкс (@ цсс-трицкс) на ЦодеПен-у.
Ако ваш прегледач не подржава ову функцију, то је оно што бисте требали очекивати од својства у подржавајућем прегледачу:
text-decoration-skip у ОСКС-у и иОС-у
Крајем 2014. године Аппле је извршио промену text-decorationу прегледачима Сафари и иОС који имитира како text-decoration-skip: ink;треба радити. Иако још ниједна text-decoration-skipвредност није званично примењена, ово подразумевано понашање можете онемогућити помоћу -webkit-text-decoration-skip: none;.
Погледајте оловку -вебкит-тект-децоратион-прескочите: ноне; од ЦСС-Трицкс (@ цсс-трицкс) на ЦодеПен-у.
Повезан
text-decorationtext-decoration-colortext-decoration-linetext-decoration-style
Више информација
- ЦСС Модул за украшавање текста Ниво 4
Нацрт уредника text-decoration-skipна МСДН-у.- Дискусија о додавању
trailing-spacesкао вредности са В3Ц маилинг листе. - Побољшање читљивости текста за кориснике са дислексијом подвлачењем прескочених мастила
- прескочите текст-украс на МДН-у
- текст-украс-прескочите-мастило на МДН-у
Подршка прегледача
Подаци о подршци за прегледач су од компаније Цаниусе, која садржи више детаља. Број указује на то да прегледач подржава функцију у тој верзији и новијој.
Десктоп
| Хром | Фирефок | ИЕ | Ивица | Сафари |
|---|---|---|---|---|
| 91 | 87 | Не | 88 | ТП |
Мобиле / Таблет
| Андроид Цхроме | Андроид Фирефок | Андроид | иОС Сафари |
|---|---|---|---|
| 88 | 85 | 81 | 14,0-14,4 * |