text-decoration-skip-ink属性用于指定下划线和上划线穿过字符或字形时的呈现方式。
用法:
text-decoration-skip-ink:auto | none
属性值:
auto:此值用于指定跳过通过字符的下划线和上划线。它是默认值。
none:此值用于指定不跳过通过字符的下划线和上划线。它将切入‘g’和‘t’之类的字符。
以下示例说明了CSS text-decoration-skip-ink属性:
范例1:在此示例中,我们将使用text-decoration-skip-ink:auto;适当的价值。
CSS | text-decoration-skip-ink
.skip-ink-auto {
font-size:2em;
text-decoration:underline green;
/* text decoration-skip-ink effect */
text-decoration-skip-ink:auto;
}
GeeksforGeeks
CSS | text-decoration-skip-ink:auto;
A Computer Science portal for geeks
输出:
范例2:在此示例中,我们将使用text-decoration-skip-ink:none;适当的价值。
CSS | text-decoration-skip-ink
.skip-ink-none {
font-size:2em;
text-decoration:underline green;
/* text decoration-skip-ink effect */
text-decoration-skip-ink:none;
}
GeeksforGeeks
CSS | text-decoration-skip-ink:none;
A Computer Science portal for geeks
输出:
支持的浏览器:下面列出了text-decoration-skip-ink属性支持的浏览器:
谷歌浏览器64
Firefox 70
Opera 50