Por defecto, los navegadores muestran los elementos de las tablas con un borde simple y con un espacio entre celdas de 1px.
Define el modelo se bordes preferido.
border-collapse: separate|collapse|initial|inherit;
Valor | Descripción |
---|---|
separate | Dejan separados los bordes de las celdas. Predeterminado. |
collapse | Junta los borde adyacentes de las celdas |
inherit | Heredan |
table {border-collapse: collapse;}
Si optas por el modelo separate de las celdas (predeterminado) puedes definir un espacio.
table {border-spacing: 3px;}
Define como actuara si una celda queda vacía. Solo aplicable en el modelo separate
Valor | Descripción |
---|---|
show | Celdas vacias se muestran. Predeterminado. |
hide | Celdas vacias no se muestran. |
inherit | Heredan |
De manera predeterminado la etiqueta CAPTION de la tabla se muestra en la parte superior (top).
caption-side: top (Predeterminado)| bottom | initial | inherit;
Valor | Descripción |
---|---|
top | En la parte superior. Predeterminado. |
botton | En la parte inferior. |
inherit | Hereda |
Define el alineamiento vertical de los elementos en las celdas. Su uso es básicamente sobre etiquetas in-line y no funcionan sobre etiquetas del tipo bloque como <P>, <DIV>, etc.
vertical-align: baseline|length|sub|super|top|text-top|middle|bottom|text-bottom|initial|inherit;
Valor | Descripción |
---|---|
baseline | Alinea la línea base del elemento con la línea base del padre. Su comportamiento puede cambiar en un navegador u otro. Predeterminado. |
sub | Alinea la línea base del elemento con la línea SUB del elemento padre. |
super | Alinea la línea base del elemento con la línea SUP del elemento padre. |
text-top | La parte superior del elemento es alineada con la parte superior del elemento padre. |
text-bottom | La parte inferior del elemento es alineada con la parte inferior del elemento padre. |
middle | Se ubica a la mitad del elemento padre. |
top | La parte superior del elemento es alineado con la parte superior del elemento en la misma línea. |
bottom | |
absoluto(px,em) | Medida absoluta respecto a la linea base del padre. Valores negativos están permitidos. |
relativo (%) | Medida relativa respecto a la linea base del padre. |
inherit | Hereda del padre |
unset | No usado |
vertical-align: bottom; vertical-align: middle;