HTML | atributo de borde – Part 3

El atributo de borde HTML se usa para establecer el ancho del borde visible para la mayoría de los elementos HTML dentro del cuerpo.

Sintaxis:  

<tag border="value">

Nota: el atributo de borde HTML no es compatible con HTML5.

Etiquetas admitidas:  

Ejemplo: atributo de borde de tabla. 

HTML

<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML table border Attribute
    </title>
</head>
 
<body>
    <h1>GeeksforGeeks</h1>
 
    <h2>HTML table border Attribute</h2>
 
    <table border="1">
        <caption>Author Details</caption>
 
        <tr>
            <th>NAME</th>
            <th>AGE</th>
            <th>BRANCH</th>
        </tr>
        <tr>
            <td>BITTU</td>
            <td>22</td>
            <td>CSE</td>
        </tr>
        <tr>
            <td>RAM</td>
            <td>21</td>
            <td>ECE</td>
        </tr>
    </table>
</body>
 
</html>

Producción: 

Ejemplo: atributo de borde Img. 

HTML

<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML img border Attribute
    </title>
</head>
 
<body>
    <h1>GeeksforGeeks</h1>
 
    <h2>HTML img border Attribute</h2>
 
    <img src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190506164011/logo3.png"
        alt="GeeksforGeeks logo"
        border="5">
</body>
 
</html>

Producción: 
 

Ejemplo: atributo de borde de objeto.  

HTML

<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML object border Attribute
    </title>
</head>
 
<body>
    <center>
        <h1>GeeksForGeeks</h1>
         
        <h1>
            HTML <object> border Attribute
        </h1>
        <br>
     
        <object data=
"https://www.geeksforgeeks.org/wp-content/uploads/Geek_logi_-low_res.png"
                width="550px" height="150px" border="4">
            GeeksforGeeks
        </object>
    </center>
</body>
 
</html>

Producción: 
 

Navegadores compatibles: los navegadores compatibles con el atributo de borde HTML se enumeran a continuación: 

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

Publicación traducida automáticamente

Artículo escrito por Vijay Sirra 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 *