Atributo HTML <objeto> hspace

El atributo HTML <objeto> hspace se utiliza para especificar el número de espacios en blanco a la izquierda y a la derecha del objeto.

Sintaxis:

<object hspace="pixels">

Valor de atributo:

píxeles: Especifica el número de espacios en blanco en términos de píxeles.

Nota: El atributo <object> hspace no es compatible con HTML 5.

Ejemplo: El siguiente código HTML ilustra el uso del atributo hspace con el elemento <object>.

HTML

<!DOCTYPE html>
<html>
  
<head>
    <title>HTML object hspace Attribute</title>
</head>
  
<body>
    <center>
        <h1 style="color: green">
            GeeksforGeeks
        </h1>
          
        <h4>HTML <object>hspace Attribute</h4>
          
        <h3 style="font-weight: bold">
            Without using hspace Attribute
        </h3>
  
        <p>
            <object data=
"https://www.geeksforgeeks.org/wp-content/uploads/Geek_logi_-low_res.png"
                width="150px" height="50px">
                GeeksforGeeks
            </object>
            A Good platform for earning and learning.
        </p>
  
        <h3 style="font-weight: bold">
            Using with hspace Attribute
        </h3>
  
        <p>
            <object data=
"https://www.geeksforgeeks.org/wp-content/uploads/Geek_logi_-low_res.png"
                width="150px" height="50px" 
                hspace="50">
                GeeksforGeeks
            </object>
            A Good platform for earning and learning.
        </p>
    </center>
</body>
  
</html>

Producción:

Ejemplo 2: El siguiente ejemplo de código ilustra el atributo hspace entre dos objetos.

HTML

<!DOCTYPE html>
<html>
  
<head>
    <title>HTML object hspace Attribute</title>
</head>
  
<body>
    <center>
        <h1 style="color: green">
            GeeksforGeeks
        </h1>
          
        <h3>HTML object hspace Attribute</h3>
          
        <b>With hspace: 50</b>
  
        <div>
            <object data=
"https://www.geeksforgeeks.org/wp-content/uploads/Geek_logi_-low_res.png"
                width="150px" height="100px" 
                hspace="50">
            </object>
  
            <object data=
"https://www.geeksforgeeks.org/wp-content/uploads/Geek_logi_-low_res.png"
                width="150px" height="100px" 
                hspace="50">
            </object>
        </div>
    </center>
</body>
  
</html>

Producción:

Navegadores compatibles:

Google Chrome
explorador de Internet
Borde de Microsoft
Firefox
Safari
Ópera

Publicación traducida automáticamente

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

HTML

HTML

Deja una respuesta Cancelar la respuesta