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.