bottom CSS propriété

Définition de la CSS bottom.

La propriété de Position CSS bottom permet de spécifier la position du bord bas de la marge d'un élément positionné par rapport au bord bas de son parent servant d'origine, dans le cadre d'un positionnement seulement.

.selecteur-css{
  position : fixed;
  bottom : 0px;
}
.selecteur-css{
  position : absolute;
  bottom : 20%;
}
.selecteur-css{
  position : relative;
  bottom : auto;
}

La propriété de feuille de style bottom CSS peut prendre comme valeur de position :

• numérique positif ou négatif suivi d'une unité de longueur (px, ex, em, etc...).
• numérique positif ou négatif suivi de % (pourcentage).
• auto : valeur par défaut, c'est la propriété CSS top qui est appliquée. Si top n'existe pas c'est comme si vous faisiez un top:auto
• inherit : hérite de la propriété CSS bottom de son parent (CSS2).

Exemple de code bottom CSS

Conditions d'application de la CSS bottom.

La propriété CSS bottom est applicable sur toutes les balises HTML ou XHTML dites positionnées, c'est-à-dire dont la valeur de leur CSS position n'est pas égale à static.

La propriété CSS bottom est utilisée avec la propriété de feuille de style css top, right ou left.

Problème d'interprétation de bottom en Css.

La propriété de feuille de style bottom CSS ne pose aucun problème d'interprétation.

Conditions d'animation de bottom en CSS3.

La propriété CSS bottom peut être animée si sa valeur est un nombre suivi ou pas d'une unité de longueur.

La CSS bottom est une propriété de feuille de style qui peut être utilisée pour les animations CSS et transitions CSS.