0% encontró este documento útil (0 votos)
63 vistas3 páginas

Propiedades CSS para Tablas HTML

Este documento describe las propiedades CSS que se pueden usar para dar formato a tablas. Explica que las propiedades varían dependiendo de si se aplican a la tabla completa, filas o celdas individuales. Luego proporciona un ejemplo de algunas propiedades comunes como border, background y padding, y explica cómo combinarlas para personalizar el aspecto visual de las tablas. Finalmente, incluye una tabla con algunas propiedades CSS específicas para tablas y una breve descripción de cada una.

Cargado por

Naty llorente
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
0% encontró este documento útil (0 votos)
63 vistas3 páginas

Propiedades CSS para Tablas HTML

Este documento describe las propiedades CSS que se pueden usar para dar formato a tablas. Explica que las propiedades varían dependiendo de si se aplican a la tabla completa, filas o celdas individuales. Luego proporciona un ejemplo de algunas propiedades comunes como border, background y padding, y explica cómo combinarlas para personalizar el aspecto visual de las tablas. Finalmente, incluye una tabla con algunas propiedades CSS específicas para tablas y una breve descripción de cada una.

Cargado por

Naty llorente
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd

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.

También podría gustarte