Section courante

A propos

Section administrative du site

bottom

 Bas
CSS2  

Syntaxe

bottom: paramètres;

Paramètres

Paramètre Description
paramètres Ce paramètre de propriété permet d'indiquer la distance :
Valeur Description
auto Cet attribut permet d'indiquer que la distance est calculé automatiquement.
inherit Cet attribut permet d'indiquer qu'il hérite des propriétés de la balise parente.
initial Cet attribut permet d'indiquer qu'il faut appliquer la valeur par défaut de cette propriété.
distance Cet attribut permet d'indiquer que la distance calculé en pixels.
pourcentage% Cet attribut permet d'indiquer que l'espacement est calculé en fonction du pourcentage de la hauteur du document.

Description

Cette propriété permet d'indiquer la distance vertical d'un élément par rapport à son conteneur en se basant à partir du bas.

Exemple

L'exemple suivant permet d'afficher une barre bleu dans la bas la page sans soucis de défilement ou de message venant avant  :

  1. <html>
  2. <head>
  3. <style>
  4. body {padding:0;margin:0;} 
  5. html,body {height:100%}
  6. .endbar {position: fixed;bottom: 0;width:100%;background-color: #8888ff;color:white;}
  7. </style>
  8. </head>
  9. <body>
  10. <div class="endbar">Barre en bas</div>
  11. </body>
  12. </html>

on obtiendra le résultat suivant :



Dernière mise à jour : Dimanche, le 20 décembre 2015