Propriété bottom de style

Définition et utilisation

bottom Définir ou retourner la position inférieure de l'élément de localisation.

Astuce :Un élément de localisation fait référence à un élément dont la propriété position est définie sur : relative, absolute ou fixed.

Astuce :Pour définir ou retourner la position supérieure de l'élément de localisation, utilisez l'attribut top.

Voir également :

Tutoriel CSS :Positionnement CSS

Manuel de référence CSS :Propriété bottom

Exemple

Exemple 1

Définir la position inférieure de l'élément <button> :

document.getElementById("myBtn").style.bottom = "100px";

Essayer par vous-même

Exemple 2

Définir la position inférieure de l'élément <div> :

document.getElementById("myDiv").style.bottom = "10px";

Essayer par vous-même

Exemple 3

Utiliser une valeur négative - Définir la position inférieure de l'élément <div> :

document.getElementById("myDiv").style.bottom = "-100px";

Essayer par vous-même

Exemple 4

Retourner la position inférieure de l'élément <div> :

alert(document.getElementById("myDiv").style.bottom);

Essayer par vous-même

Syntaxe

Retourner la propriété bottom :

object.style.bottom

Définir la propriété bottom :

object.style.bottom = "auto|length|%|initial|inherit"

Valeur de l'attribut

Valeur Description
auto Laisse le navigateur définir la position inférieure. Par défaut.
length Définit la position inférieure en unité de longueur. Les valeurs négatives sont autorisées.
% Définit la position inférieure en pourcentage de la hauteur de l'élément parent.
initial Réinitialise cette propriété à sa valeur par défaut. Voir initial.
inherit Inherits cette propriété de l'élément parent. Voir inherit.

Détails techniques

Valeur par défaut : auto
Valeur de retour : Chaîne, indiquant la position inférieure de l'élément de localisation.
Version CSS : CSS2

Support du navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support