Entendido.

Este sitio utiliza cookies para analizar la navegación. Si continúa navegando se entiende que acepta su uso. Ver más detalles.";

Aprende Web

Crea y diseña tus sitios en la Web.

Manual de CSS

CSS: lenguaje de estilo para las páginas web.

Y ahora tambien aprende a programar en C++ con Aprende Web C++

Manuales para la creación y diseño de páginas web

.

Básicos					Avanzados					Practicas
Inicio	HTML	CSS	Complementos	Gestores de Contenido	Javascript	PHP básico	Nuevas Tendencias	Programación	Librerías	Mi primera web	Prácticas Web

RSS. Suscribir canal.

 

6. Estilo en tablas (IV)

6.4 Propiedades avanzadas

Tratamiento de celdas vacías

Mediante la propiedad empty-cells podemos no mostrar las celdas vacías, en su lugar aparecera un hueco. Esta propiedad no funciona si hemos juntado las celdas anteriormente mediante la propiedad border-collapse: collapse.

Esta propiedad tiene la siguiente definición:

empty-cells	Tratamiento de celdas vacías
Valores	show | hide | inherit
Descripción	Define el mecanismo utilizado para el tratamiento de las celdas vacías de una tabla
Valor inicial	show
se aplica a	celdas de una tabla

El valor hide indica que no se deben mostrar las celdas vacías. Para que una celda esté vacía no debe tener ningún contenido, ni siquera un espacio en blanco o un  

El valor show es el valor por defecto e indica que sí deben mostrarse las celdas vacías.

Como ya se ha indicado, esta propiedad no funciona cuando los bordes de las celdas están fusionados (aplicada la propiedad y valor: border-collapse: collapse); en este caso las celdas son siempre visibles.

En el siguiente ejemplo se muestra una tabla a la que se le ha aplicado la propiedad empty-cells.

Ver página ejemplo

Posicion del título de la tabla

Mediante la propiedad caption-side podemos modificar la posición del título de la tabla (etiqueta caption en código HTML). Ésta puede mostrarse en la parte superior (posición habitual por defecto), o en la parte inferior.

Esta propiedad tiene la siguiente definición:

caption-side	Posición del título de la tabla
Valores	top | bottom | inherit
Descripción	Establece la posición del título de la tabla
Valor inicial	top
se aplica a	Los elementos caption

El valor bottom indica que el título de la tabla se debe mostrar después de los contenidos de la tabla (parte inferior). La alineación horizontal se controla mediante la propiedad text-align.

El valor top es el valor por defecto, y muestra el título en la parte superior de la tabla.

El selector CSS debe apuntar hacia la etiqueta caption que se quiera modificar en el código HTML.

Desafortunadamente, el navegador Opera 9 y versiones anteriores y el navegador Internet Explorer 6 y versiones anteriores no soportan esta propiedad y muestran el título de la tabla siempre en la parte superior

El siguiente ejemplo muestra la misma tabla que en el ejemplo anterior, pero con el tiítulo en la parte inferior, al haberle aplicado la propiedad caption-side: bottom.

Ver página ejemplo

---

Si sigues sólo el manual de CSS continuaremos en el siguiente tema:

Posicionamiento.

Si estas siguiendo el manual de HTML y CSS al mismo tiempo contiuaremos en HTML con el siguiente tema:

Formularios.

---

Página creada por ANYELGUTI.

Sugerencias: aprendeweb@aprende-web.net. Envia un

Visita nuestro blog par saber en qué estamos trabajando: Aprende Web Blog

Más sobre anyelguti en http://anyelguti.16mb.com