La propiedad text-decoration-skip-ink se usa para especificar cómo se representan los subrayados y las sobrelíneas cuando pasan a través de los caracteres o glifos.
Sintaxis:
text-decoration-skip-ink: auto | none
Valores de propiedad:
- auto: este valor se utiliza para especificar que se omitan los subrayados y las superposiciones que pasan por un carácter. Es el valor predeterminado.
- ninguno: este valor se usa para especificar que no se salten los subrayados y los sobrerayados que pasan por un carácter. Cortaría los caracteres como ‘g’ y ‘t’.
Los siguientes ejemplos ilustran la propiedad CSS text-decoration-skip-ink :
Ejemplo 1: En este ejemplo, usaremos text-decoration-skip-ink: auto; El valor de la propiedad.
html
<!DOCTYPE html>
<html>
<head>
<title>
CSS | text-decoration-skip-ink
</title>
<style>
.skip-ink-auto {
font-size: 2em;
text-decoration: underline green;
/* text decoration-skip-ink effect */
text-decoration-skip-ink: auto;
}
</style>
</head>
<body>
<center>
<h1 style="color: green">
GeeksforGeeks
</h1>
<b>
CSS | text-decoration-skip-ink: auto;
</b>
<div class="skip-ink-auto">
A Computer Science portal for geeks
</div>
</center>
</body>
</html>
Producción:
Ejemplo 2: En este ejemplo, usaremos text-decoration-skip-ink: none; El valor de la propiedad.
html
<!DOCTYPE html>
<html>
<head>
<title>
CSS | text-decoration-skip-ink
</title>
<style>
.skip-ink-none {
font-size: 2em;
text-decoration: underline green;
/* text decoration-skip-ink effect */
text-decoration-skip-ink: none;
}
</style>
</head>
<body>
<center>
<h1 style="color: green">
GeeksforGeeks
</h1>
<b>
CSS | text-decoration-skip-ink: none;
</b>
<div class="skip-ink-none">
A Computer Science portal for geeks
</div>
</center>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con la propiedad text-decoration-skip-ink se enumeran a continuación:
- Google cromo 64
- Borde 79
- firefox 70
- Ópera 50
- Safari 15.4
Publicación traducida automáticamente
Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA