Entendido.

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

Logo

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++

logo rss RSS. Suscribir canal.

Buscar en Aprende Web

Traducir página

Visita nuestro blog:

bolg.aprende-web.net

y entérate de las novedades o deja un comentario.

Dudas y sugerencias:

aprendeweb@aprende-web.net




Sobre ésta página

Ültima modificación: 29-01-2016.

Visitas este mes: 196

Visitas el mes pasado: 393

logo
WEB-GRAFÍA

Mi agradecimiento a los siguientes sitios en los que me he basado para la elaboración de este manual.:

Desarrollo Web: manual de CSS
Desarrollo Web, por Miguel Angel Álvarez
Cómo crear tu Web: curso de estilos CSS
ComoCrearTuWeb, Por Georgens
Libros Web: introducción a CSS
Libros web, por Javier Eguíluz Pérez
Curso de css: Programación Web
www.programacionweb.net
WebEstilo: manual de css
www.webestilo.com
W3 schools; CSS Tutorial
www.w3schools.com

Donativos

Si este sitio te parece interesante puedes contribuir con una pequeña aportación.




6. Estilo en tablas (IV)

6.4 Propiedades avanzadas

css

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 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.







manual de CSS

Anterior siguiente ... Siguiente siguiente


imprimir esta página

Página creada por ANYELGUTI.

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

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

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