HTML | Atributo de ancho <col> – Part 1

El atributo de ancho HTML <col> se utiliza para especificar el ancho del elemento <col> . Establece el ancho fijo del elemento de columna. En general, el ancho del elemento <col> es el ancho necesario para mostrar su contenido.

Sintaxis:

<col width="pixels | % | relative_length">

Valores de atributos:

  • píxeles: Establece el ancho del atributo <col> en términos de píxeles.
  • %: Establece el ancho del atributo <col> en términos de porcentaje (%).
  • relative_length: establece el ancho del atributo del elemento <col> en relación con su otro contenido.

Nota: HTML 5 no admite el atributo de ancho <col>.

Ejemplo:

<!DOCTYPE html>
<html>
  
<head>
    <title>
        HTML col width Attribute
    </title>
</head>
  
<body>
    <h1>GeeksforGeeks</h1>
  
    <h2>HTML col width Attribute</h2>
  
    <table border="1">
        <caption>Author Details</caption>
  
        <col width="150">
            <col width="80">
                <col width="120">
                    <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:

Navegadores compatibles: los navegadores compatibles con el atributo de ancho HTML <col> se enumeran a continuación:

  • Google Chrome
  • explorador de Internet
  • Firefox
  • Safari
  • Ópera

Publicación traducida automáticamente

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