La propiedad Style textDecorationColor en HTML DOM se utiliza para establecer el color de la decoración del texto, como subrayado , superposición y traspaso de líneas . También puede devolver el color de la decoración del texto. Sintaxis:
- Devuelve la propiedad textDecorationColor.
object.style.textDecorationColor
- Se utiliza para establecer la propiedad textDecorationColor.
object.style.textDecorationColor = "color|initial|inherit"
Valores de propiedad:
- color: Esto se utiliza para especificar el color de la decoración del texto.
- initial: establece la propiedad textDecorationColor en su valor predeterminado.
- heredar: esta propiedad se hereda de su elemento padre.
Valor devuelto: Devuelve una string que representa la propiedad de color de la decoración del texto.
Ejemplo 1:
html
<!DOCTYPE html>
<html>
<head>
<title>DOM Style textDecorationColor Property </title>
<style>
#gfg {
text-decoration: underline;
}
</style>
</head>
<body>
<center>
<h1 style="color:green;
width:40%;">
GeeksForGeeks
</h1>
<h2>DOM Style textDecorationColor Property </h2>
<p id="gfg">
A Computer science portal for geeks
</p>
<button type="button" onclick="geeks()">
Chanege Decoration
</button>
<script>
function geeks() {
// Set underline color.
document.getElementById(
"gfg").style.textDecorationColor =
"magenta";
}
</script>
</center>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Ejemplo-2:
html
<!DOCTYPE html>
<html>
<head>
<title>DOM Style textDecorationColor Property </title>
<style>
#gfg {
text-decoration: underline;
}
</style>
</head>
<body>
<center>
<h1 style="color:green;
width:40%;">
GeeksForGeeks
</h1>
<h2>DOM StylestextDecorationColor Property </h2>
<p id="gfg">
A Computer science portal for geeks
</p>
<button type="button" onclick="geeks()">
Chanege Decoration
</button>
<script>
function geeks() {
// Set text decoration color.
document.getElementById(
"gfg").style.textDecorationColor =
"green";
}
</script>
</center>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Navegadores compatibles: los navegadores compatibles con la propiedad DOM Style textDecorationColor se enumeran a continuación:
- Google Chrome 57.0 y superior
- Edge 79 y superior
- Firefox 36.0 y superior
- Ópera 44.0 y superior
- Apple Safari 12.1 y superior
- Internet Explorer no es compatible
Publicación traducida automáticamente
Artículo escrito por bestharadhakrishna y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA