Definición de .bottom utilizado en CSS
Las propiedades superior, .bottom, izquierda y derecha se usan con posición para establecer la colocación de un elemento. Solo tienen un efecto en los elementos posicionados, que son elementos con la propiedad de posición establecida en otra cosa que no sea Static. Por ejemplo: relativo, absoluto, fijo o pegajoso.
Ejemplo de uso : propiedad CSS bottom
Esta propiedad de CSS habitualmente se emplea de la siguiente manera:
div {
<top || bottom || left || right>: <length> || <percentage> || auto || inherit;
}Otro ejemplo más avanzado de .bottom es el siguiente de CODEPEN:
Sintaxis de .bottom en CSS
bottom: auto|length|initial|inherit;Valores
| Valor | Descripción | Manifestación |
|---|---|---|
| auto | Permite que el navegador calcule la posición del borde inferior. esto es por defecto | |
| longitud | Establece la posición del borde inferior en px, cm, etc. Se permiten valores negativos. | |
| % | Establece la posición del borde inferior en % del elemento contenedor. Se permiten valores negativos | |
| inicial | Establece esta propiedad en su valor predeterminado. | |
| heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .bottom
Los números de la tabla especifican la primera versión del navegador que es absolutamente compatible con la propiedad.
Los números seguidos de -webkit- especifican la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| box-decoration-break | 22.0 -webkit- | 79.0 | 32.0 | 6.1 -webkit- | 11.5 -webkit- |
