Yang text-decoration-skipdinyatakan oleh harta jika teks garis bawah, overline, atau mogok-melalui boleh berbuka. Ini meningkatkan keterbacaan teks yang dihiasi dan membetulkan tatabahasa tanda baca untuk beberapa bahasa.
Inilah satu contoh:
a ( text-decoration-skip: ink; )Awas! Yang inknilai telah ditukar kepada harta yang baru, text-decoration-skip-ink: auto;.
Sekiranya penyemak imbas anda menyokong harta ini, maka anda akan melihat di sini bahawa keturunan setiap watak (seperti "y" dan "p") mempunyai sedikit ruang putih di sekitar sempadan:
Lihat teks pen-hiasan-langkau oleh CSS-Tricks (@ css-tricks) di CodePen.
Sekiranya penyemak imbas anda tidak menyokong ciri ini, maka inilah yang anda harapkan dari harta tanah dalam penyemak imbas yang menyokong:
text-decoration-skip dalam OSX dan iOS
Pada akhir tahun 2014, Apple membuat perubahan text-decorationpada penyemak imbas Safari dan iOS yang meniru cara text-decoration-skip: ink;kerja. Walaupun tidak ada text-decoration-skipnilai yang diterapkan secara rasmi, Anda dapat mematikan tingkah laku lalai ini dengan -webkit-text-decoration-skip: none;.
Lihat Pen -webkit-text-decoration-skip: none; oleh CSS-Tricks (@ css-tricks) di CodePen.
Berkaitan
text-decorationtext-decoration-colortext-decoration-linetext-decoration-style
Maklumat lanjut
- Modul Hiasan Teks CSS Aras 4
Draf Editor text-decoration-skipdi MSDN.- Perbincangan penambahan
trailing-spacessebagai nilai dari senarai mel W3C. - Meningkatkan keterbacaan teks untuk pengguna disleksia dengan garis bawah dakwat langkau
- teks-hiasan-langkau di MDN
- teks-hiasan-langkau-tinta di MDN
Sokongan Penyemak Imbas
Data sokongan penyemak imbas ini berasal dari Caniuse, yang mempunyai lebih terperinci. Nombor menunjukkan bahawa penyemak imbas menyokong ciri pada versi dan ke atas.
Desktop
| Chrome | Firefox | IE | Hujung | Safari |
|---|---|---|---|---|
| 91 | 87 | Tidak | 88 | TP |
Mudah Alih / Tablet
| Android Chrome | Android Firefox | Android | Safari iOS |
|---|---|---|---|
| 88 | 85 | 81 | 14.0-14.4 * |