La propiedad Style textDecoration en HTML DOM se usa para establecer una o más decoraciones para un texto. Podemos especificar una o más decoraciones de texto para un texto separadas por espacios. Devuelve la propiedad textDecoration que se le da al texto.
Sintaxis:
- Devuelve la propiedad textDecoration.:
object.style.textDecoration
- Se utiliza para establecer la propiedad textDecoration:
object.style.textDecoration = "none|underline|overline| line-through|blink|initial|inherit"
Valores de propiedad:
- none: Se utiliza para definir un texto normal. Es un valor por defecto.
- subrayar: Define una línea debajo del texto.
- overline: Define una línea encima del texto.
- line-through: Define una línea a través del texto.
- initial: establece la propiedad textDecoration en su valor predeterminado.
- heredar: esta propiedad se hereda de su elemento padre.
Valor devuelto: Devuelve una string que representa la decoración dada al texto.
Ejemplo 1:
html
<!DOCTYPE html>
<html>
<head>
<title>DOM Style textDecoration Property </title>
</head>
<body>
<center>
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>DOM Style textDecoration Property </h2>
<p id="gfg"> A Computer science
portal for geeks</p>
<button type="button" onclick="geeks()">
set Decoration
</button>
<script>
function geeks() {
document.getElementById(
"gfg").style.textDecoration =
"underline";
}
</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 textDecoration Property
</title>
</head>
<body>
<center>
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>DOM Style textDecoration Property </h2>
<p id="gfg"> A Computer science portal for geeks
</p>
<button type="button" onclick="geeks()">
set Decoration
</button>
<script>
function geeks() {
document.getElementById(
"gfg").style.textDecoration =
"line-through overline";
}
</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 textDecoration se enumeran a continuación:
- Google Chrome 1 y superior
- Borde 12 y superior
- Internet Explorer 3 y superior
- Firefox 1 y superior
- Ópera 3.5 y superior
- Apple Safari 1 y superior
Publicación traducida automáticamente
Artículo escrito por bestharadhakrishna y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA