Style bas Propriété
Exemple
Définissez la position inférieure d'un élément <button> :
document.getElementById("myBtn").style.bottom = "100px";
Définition et utilisation
La propriété bottom définit ou renvoie la position inférieure d'un élément positionné.
Cette propriété spécifie la position inférieure de l'élément, y compris le remplissage, la barre de défilement, la bordure et la marge.
Astuce : Un élément positionné est un élément dont la propriété position est définie sur : relative, absolue ou fixe.
Conseil : Pour définir ou renvoyer la position supérieure d'un élément positionné, utilisez la propriété top .
Prise en charge du navigateur
Property | |||||
---|---|---|---|---|---|
bottom | Yes | Yes | Yes | Yes | Yes |
Syntaxe
Renvoie la propriété du bas :
object.style.bottom
Définissez la propriété bottom :
object.style.bottom = "auto|length|%|initial|inherit"
Valeurs de propriété
Value | Description |
---|---|
auto | Lets the browser set the bottom position. This is default |
length | Defines the bottom position in length units. Negative values are allowed |
% | Sets the bottom position in % of the height of the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Détails techniques
Valeur par défaut: | auto |
---|---|
Valeur de retour : | Une chaîne, représentant la position inférieure d'un élément positionné |
Version CSS | CSS2 |
Plus d'exemples
Exemple
Définissez la position inférieure d'un élément <div> :
document.getElementById("myDiv").style.bottom = "10px";
Exemple
Utilisation de valeurs négatives - Définissez la position inférieure d'un élément <div> :
document.getElementById("myDiv").style.bottom = "-100px";
Exemple
Renvoie la position inférieure d'un élément <div> :
alert(document.getElementById("myDiv").style.bottom);
Pages connexes
Tutoriel CSS : Positionnement CSS
Référence CSS : propriété bottom
❮ Objet de style