bottom

Hérité : non   -   Compatibilité : FF, Mozilla, Opera, Safari IE 5,6,7 - CSS 2

La spécification CSS exige que cette propriété définisse la position du bord inférieur du contenu d'un élément (sans compter les bordures et/ou les marges) par rapport au bord inférieur du conteneur parent immédiat.

Le comportement d'IE pour Windows est assez inattendu lorsque l'élément positionné utilise le contexte de positionnement <body> : au lieu de choisir le bas du document comme côté de comparaison, ces navigateurs utilisent le bas de l'espace correspondant à la fenêtre du navigateur (la zone visible, dans la terminologie CSS).

Par conséquent, la position précise du bas de l'élément varie en fonction de la taille de la fenêtre du navigateur de l'utilisateur. En raison de cette différence, il est plus pratique d'utiliser la propriété bottom pour un élément positionné et imbriqué dans un autre élément positionné.

Dans le cas d'un élément à positionnement relatif, le décalage est calculé par rapport au côté inférieur de l'emplacement où l'élément devrait normalement apparaître.

Syntaxe CSS
bottom: longueur | pourcentage | auto
Valeur(s) possible(s) pour cette propriété :

Les longueurs négatives sont admises dans certains contextes, mais vérifiez l'effet obtenu sur chaque navigateur.

Vous pouvez également spécifier un pourcentage, lequel sera calculé par rapport à la hauteur du conteneur parent immédiat.

Si vous spécifiez la valeur auto, le navigateur détermine automatiquement le décalage vertical inférieur de l'élément par rapport à sa position naturelle dans le cadre destiné à le recevoir.

Valeur initiale

auto

S'applique à 

Tous les éléments positionnés.

Javascript

[window.]document .getElementById("elementID") .style .bottom

bottom
clear
clip
display
float
height
left
margin
margin-bottom
margin-left
margin-right
margin-top
max-height
min-height
max-width
min-width
padding
padding-bottom
padding-left
padding-right
padding-top
position
right
text-align -top
vertical-align
width
z-index




Ce site vous a plu ? Visitez aussi : Conception de sites Internet et Le design des sites Web


Cette page est inspirée d'un texte anglophone extrait du livre HTML - Definitive Reference.
L'adaptation de ce texte a été réalisée par css-faciles.
Son contenu peut être recopié sous la condition express de faire figurer la présente mention
(y compris les 2 liens ci-dessus) dans le contenu copié.
This work is licensed under a Creative Commons License.
Pour plus de détail sur ce copyright,
consultez notre page consacrée aux droits de copie.


Valid HTML 4.01 Transitional
Raccourcis
Contact liens d'évitement et raccourcis clavier Droits de copie Accueil Imprimer
Aller au menu