CSS: lenguaje de estilo para las páginas web.
Y ahora tambien aprende a programar en C++ con Aprende Web C++
y entérate de las novedades o deja un comentario.
última modificación: 13-07-2018.
Visitas este mes: 44
Visitas el mes pasado: 114
Mi agradecimiento a los siguientes sitios en los que me he basado para la elaboración de este manual.:
Si este sitio te parece interesante puedes contribuir con una pequeña aportación.
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
.
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
.
Si sigues sólo el manual de CSS continuaremos en el siguiente tema:
Si estas siguiendo el manual de HTML y CSS al mismo tiempo contiuaremos en HTML con el siguiente tema:
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