Position (proprit CSS)

Dfinit le mode de positionnement d'un lment.

En fonctionnement normal, les lments se positionnent en fonction de leur ordre d'arrive dans le fichier HTML. Les premiers lments rencontrs se placent en haut de la page et les suivants en dessous. Le dernier lment se retrouve donc en bas de la page. La proprit Position permet de fixer l'emplacement d'un lment sur la page, indpendamment de sa position dans le fichier HTML : le premier lment peut se retrouver en bas de la page.

La proprit Position fonctionne avec les proprits Top, Right, Bottom, Left qui permettent de dfinir l'emplacement de l'lment.

Voir aussi les proprits Float, Top, Right, Bottom et Left, Z-Index.

Valeurs pour Position.

StaticPositonnement habituel de l'lment, c'est dire en fonction de son ordre d'arrive. C'est la valeur par dfaut.
AbsoluteL'lment est positionn par rapport aux bords de la page. Il dfile avec la page.
FixedL'lment est positionn par rapport aux bords de la page mais ne dfile pas avec la page.
Cette possibilit est encore peu reconnue par les navigateurs.
RelativeL'lment est positionn par rapport l'lment prcdent.
InheritMme valeur que celle de l'lment parent.

Exemples.

Les exemples ont t regroups sur une page spare.

Pour toute utilisation des informations de cette page, reportez vous au copyright