ACTIVIDAD #11

FORO TEMARTICO: PROPIEDADES CSS PARA TABLAS.

APRENDIZ: NATALIA LLORENTE

INSTRUCTOR: ELISEO VEGA ALIAN

ANALISIS Y DESARROLLO DE SISTEMAS DE INFORMACION

FECHA: 16 DE SEPTIEMBRE

AÑO: 2020
PROPIEDADES CSS PARA TABLAS.

Las tablas están compuestas por filas y celdas, dentro de las que se encuentran
los controles. Sus propiedades varían de acuerdo a si se selecciona una tabla, una
fila o una celda. Es decir que las propiedades disponibles para una celda tienen
alguna variación con respecto a las disponibles para la tabla o la fila.

Las propiedades CSS de las tablas son las que nos permiten controlar los estilos
de los títulos de la tabla, el tamaño de las celdas, las filas y las columnas o
espaciado entre los bordes. Para editar las propiedades de una tabla se debe
seleccionar y marcar la tabla (el puntero del mouse cambiará al posicionarse en
los bordes de la misma) y presionar el botón derecho del mouse. Entonces se
despliega un menú pop-up, donde se elige la opción Properties para realizar la
edición.

Ejemplo:
Las tablas son un grupo de etiquetas de HTML que sirven para mostrar datos
tabulados, Cuando queremos dar estilo a una tabla de HTML, podemos utilizar
propiedades genéricas como border, background, color, font-family, padding,
margin, entre otras. Combinándolas en los diferentes elementos HTML de tablas,
en particular, celdas <td>, encabezados <th>, filas <tr> y tablas <table>, podemos
personalizar mucho el aspecto visual.

Propiedad valor significado

Aplicado sobre la tabla, elimina

border-collapse separate | collapse el espacio de relleno entre
celdas.
Amplia el espacio de relleno
border-spacing 0 | size entre tabla y celdas.

Mueve el elemento <caption>

caption-side top | bottom del interior de una tabla.

Hace desaparecer visualmente

empty-cells show | hide una celda vacía (sin contenido).

Indica si las celdas deben

table-layout auto | fixed ajustarse o tener un tamaño fijo.