La propiedad font-variant-ligatures de CSS se utiliza para controlar las ligaduras en la fuente de un texto. Una ligadura es un carácter especial que combina dos o más caracteres en uno. Las ligaduras se usan comúnmente para dar cierto estilo o aspecto al texto.
Sintaxis:
font-variant-ligatures: Keyword_values
O
font-variant-ligatures: Global_values
Valores de propiedad: Esta propiedad acepta valores de propiedad mencionados anteriormente y descritos a continuación.
- Keyword_values: este valor de propiedad se refiere a los valores definidos por «normal», «ninguno», «ligaduras comunes», «ligaduras no comunes», «ligaduras discrecionales», «ligaduras no discrecionales», «ligaduras históricas». ligaduras”, “ligaduras-no-históricas”, “contextual”, “no-contextual”.
- Valores_globales: este valor de propiedad se refiere a los valores definidos por «heredar», «inicial», «no establecido».
Ejemplo 1: a continuación se muestra el ejemplo que ilustra el uso de la propiedad font-variant-ligatures utilizando common-ligatures y no-common-ligatures .
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<style>
div {
font-size: 5vw;
}
.off {
font-variant-ligatures: no-common-ligatures;
color: rgb(83, 241, 21);
}
.on {
font-variant-ligatures: common-ligatures;
color: rgb(96, 153, 4);
}
</style>
</head>
<body>
<h1 style="color: green;">GeeksforGeeks</h1>
<div>
<span class="off">wifi</span>
<span class="on">wifi</span>
</div>
</body>
</html>
Producción:
Navegadores compatibles:
- Cromo
- Firefox
- Safari
- Ópera
- Borde
- Internet Explorer (no compatible).
Publicación traducida automáticamente
Artículo escrito por thacker_shahid y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA