propriété CSS position
Exemples
Emplacement <h2> élément:
{
position: absolute;
gauche: 100px;
top: 150px;
}
Essayez »
Dans le bas de cette page pour plus d'exemples.
Définition des attributs et des instructions
attribut Position spécifie le type d'un élément de méthode de positionnement (statique, relative, absolue ou fixe).
Par défaut: | statique |
---|---|
Héritage: | aucun |
Version: | CSS2 |
Syntaxe JavaScript: | objet .style.position = "absolue" |
support du navigateur
Les chiffres du tableau représentent le premier navigateur pour soutenir le numéro de version de la propriété.
属性 | |||||
---|---|---|---|---|---|
position | 1.0 | 7.0 | 1.0 | 1.0 | 4.0 |
Valeur de la propriété
valeur | description |
---|---|
absolu | Générer des éléments positionnés absolus, par rapport au premier élément parent positionné à l'extérieur de la position statique. Position de l'élément par la "gauche", "top", "droit" et l'attribut "bas" spécifié. |
fixé | Générer le positionnement absolu des éléments relatifs à la position de la fenêtre du navigateur. Position de l'élément par la "gauche", "top", "droit" et l'attribut "bas" spécifié. |
relatif | Générer un positionnement relatif des éléments, le positionnement par rapport à sa position normale. Ainsi, "à gauche: 20" ajoute 20 pixels à la position gauche de l'élément. |
statique | Par défaut. Aucun élément de positionnement se produit dans un flux normal (en ignorant le haut, le bas, la déclaration gauche, à droite ou z-index). |
hériter | Des dispositions devraient hériter de la position de la valeur de la propriété de l'élément parent. |
D'autres exemples
Position: relative
Cet exemple démontre un élément par rapport à sa position normale, la façon de localiser.
articles connexes
Tutoriel CSS: CSS Positionnement