Table of contents
Las tablas HTML pueden tener diferentes tamaños para cada columna, fila o la tabla completa.
Usa las propiedades CSS width y height para especificar el tamaño de la tabla, fila o columna.
Ancho de la tabla
Para establecer el ancho de una tabla, agrega la propiedad CSS width al elemento <table>.
Ejemplo:
table {
width: 100%;
}
Nota: usar un porcentaje(
%) como unidad de tamaño para el ancho de la tabla, significa qué tan ancho será este elemento en comparación con el elemento principal (<body>).
Ancho de la columna
Para establecer el tamaño de una columna especifica, agrega la propiedad CSS width al elemento th o td.
Ejemplo:
/* Nombre de clase primera columna de tabla */
.first {
width: 70%;
}
Alto de la fila
Para establecer el alto de una fila en especifica, agrega la propiedad CSS height sobre una fila de la tabla:
Ejemplo
/* Clase .alto para agregar propiedad CSS height*/
.alto {
height: 200px;
}
Resumen
Las tablas HTML pueden tener diferentes tamaños para cada columna, fila o la tabla completa. Usa las propiedades CSS width, height, border-collapse, etc, para darle un toque personalizado.
Traducido con 💚 desde W3Schools.com