La propiedad Style outlineStyle en HTML DOM se usa para establecer o devolver el estilo del contorno alrededor de un elemento.
Sintaxis:
object.style.outlineStyle
object.style.outlineStyle = value
:
Valores de propiedad:
Valor devuelto: este método devuelve un valor de string que representa el estilo del contorno de un elemento.
Ejemplo 1:
<!DOCTYPE html>
<html>
<head>
<title>
HTML | DOM Style outlineStyle Property
</title>
<style>
#myDiv {
border: 1px solid red;
outline: green dotted thick;
}
</style>
</head>
<body>
<h1> Geeks for Geeks</h1>
<h2>HTML | DOM Style outlineStyle Property</h2>
<div id="myDiv">Welcome to Geeks for Geeks.</div>
<br>
<button type="button" onclick="myFunction()">
Click Here!
</button>
<script>
function myFunction() {
document.getElementById("myDiv")
.style.outlineStyle = "solid";
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Ejemplo 2:
<!DOCTYPE html>
<html>
<head>
<title>
HTML | DOM Style outlineStyle Property
</title>
<style>
#myDiv {
border: 1px solid red;
}
</style>
</head>
<body>
<h1> HTML | DOM Style outlineStyle Property</h1>
<div id="myDiv">Welcome to Geeks for Geeks.</div>
<br>
<button type="button" onclick="myFunction()">
Click Here!
</button>
<script>
function myFunction() {
document.getElementById("myDiv")
.style.outlineStyle = "dotted";
}
</script>
</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 outlineStyle se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por divyatagoel0709 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA