CSS bottomPropiedad
Ejemplo
Establece el borde inferior de la imagen a 5px por encima del borde inferior del elemento:
{
position:absolute;
bottom:5px;
}
Pruébalo »
Definición de la propiedad y notas de uso
Para elementos posicionados absolutamente, la propiedad bottom establece la cantidad de unidades por encima o por debajo del borde inferior del elemento que lo contiene.
Para elementos posicionados relativamente, la propiedad bottom establece la cantidad de unidades por encima o por debajo del borde inferior de su posición normal.
Nota:Si "position: static", la propiedad bottom no tiene ningún efecto.
Explicación:Para elementos estáticos, es auto; para valores de longitud, es la longitud absoluta correspondiente; para valores de porcentaje, es el valor especificado; de lo contrario, es auto. Para elementos definidos como relativos, si bottom y top son ambos auto, sus valores calculados son 0; si uno de ellos es auto, toma el valor opuesto del otro; si ninguno es auto, bottom tomará el valor opuesto de top.
| Valor predeterminado: | auto |
|---|---|
| Herencia: | no |
| Versión: | CSS2 |
| Sintaxis de JavaScript: | object.style.bottom="50px" |
Compatibilidad del navegador
Los números en la tabla indican la primera versión del navegador que soporta la propiedad.
| Propiedad | |||||
|---|---|---|---|---|---|
| bottom | 1.0 | 5.0 | 1.0 | 1.0 | 6.0 |
Valores de la propiedad
| Valor | Descripción |
|---|---|
| auto | Valor predeterminado. El navegador calcula la posición de la parte inferior. |
| % | Establece la posición del borde inferior como un porcentaje del elemento contenedor. Se pueden usar valores negativos. |
| length | Establece la posición del borde inferior del elemento usando unidades como px, cm, etc. Se pueden usar valores negativos. |
| inherit | Especifica que el valor de la propiedad bottom debe heredarse del elemento padre. |
Artículos relacionados
Tutorial de CSS:CSS Positioning
Otras extensiones