HTML DOM Imagen vspace Propiedad

La propiedad vspace de imagen HTML DOM se utiliza para establecer o devolver el valor del atributo vspace del elemento de imagen. El atributo vspace se usa para especificar el número de espacios en blanco desde la parte inferior y superior de una imagen.

Sintaxis

Devuelve la propiedad image vspace.

ImageObject.vspace; 

Establece la propiedad image vspace.

ImageObject.vspace="pixels";

  

Valores de propiedad: contiene el valor, es decir, píxeles , que indica el número de espacios en blanco desde la parte inferior y superior de una imagen.  

valor de retorno; Devuelve un valor numérico que representa el número de espacios verticales alrededor de un elemento Imagen. 

Nota: El atributo <image> vspace no es compatible con HTML 5.

Ejemplo 1: este ejemplo devuelve la propiedad vspace. 

HTML

<!DOCTYPE html>
<html>
 
<body>
    <center>
        <h1 style="color: green">
            GeeksforGeeks
        </h1>
         
        <h2>HTML DOM Image vspace Property</h2>
         
         
 
 
<p><img id="GFG" vspace="20" 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").vspace;
            document.getElementById("sudo").innerHTML = g + "px";
        }
    </script>
</body>
 
</html>

Producción:

Ejemplo 2: este ejemplo establece la propiedad Image vspace. 

HTML

<!DOCTYPE html>
<html>
 
<body>
    <center>
        <h1 style="color: green">
            GeeksforGeeks
        </h1>
         
        <h2>HTML DOM Image vspace Property</h2>
         
         
 
 
<p> <img id="GFG" vspace="20" 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").vspace = "5";
            document.getElementById("sudo").innerHTML = g + "px";
        }
    </script>
</body>
 
</html>

Producción:

Navegadores compatibles:

  • Google Chrome
  • explorador de Internet
  • Ópera
  • Firefox
  • safari de manzana

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *