La propiedad hspace de imagen HTML DOM se utiliza para establecer o devolver el valor del atributo hspace de un elemento de imagen. El atributo hspace se utiliza para especificar el número de espacios en blanco en el lado izquierdo y derecho de la imagen.
Sintaxis:
Establece la propiedad Image hspace.
Imageobject.hspace="pixels";
Devuelve la propiedad Image hspace.
Imageobject.hspace;
Valores de propiedad: contiene el valor, es decir, píxeles que especifican el número de espacios en blanco para el lado izquierdo y derecho de la imagen.
Valor devuelto: Devuelve un valor numérico que representa el número de espacios horizontales alrededor de un elemento.
Nota: El atributo <image> hspace no es compatible con HTML 5.
Ejemplo 1: El siguiente ejemplo de código devuelve la propiedad Image hspace.
HTML
<!DOCTYPE html>
<html>
<body>
<center>
<h1 style="color: green">GeeksforGeeks</h1>
<h2>HTML DOM Image hspace Property</h2>
<p> <img id="GFG" hspace="25" align="middle"
src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190506164011/logo3.png"
alt="GeeksforGeeks logo">
It is a computer science portal for Geeks.
</p>
<br>
<button onclick="Geeks()">Click me!</button>
<p id="sudo"></p>
</center>
<script>
function Geeks() {
var g = document.getElementById("GFG").hspace;
document.getElementById("sudo").innerHTML = g + "px";
}
</script>
</body>
</html>
Producción:
Ejemplo 2: en este ejemplo, el código establece la propiedad Image hspace.
HTML
<!DOCTYPE html>
<html>
<body>
<center>
<h1 style="color: green">GeeksforGeeks</h1>
<h2>HTML DOM Image hspace Property</h2>
<p> <img id="GFG" hspace="25" align="middle"
src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190506164011/logo3.png"
alt="GeeksforGeeks logo">
It is a computer science portal for Geeks.
</p>
<br>
<button onclick="Geeks()">Click me!</button>
<p id="sudo"></p>
</center>
<script>
function Geeks() {
var g = document.getElementById("GFG").hspace;
document.getElementById("sudo").innerHTML = g + "px";
}
</script>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA