Exemple
Changer la position d'un <div> élément de rapport à absolu:
document.getElementById("myDIV").style.position = "absolute";
Essayez vous - même » Définition et utilisation
Les ensembles de propriétés de position ou retourne le type de procédé de positionnement utilisé pour un élément (static, relative, absolute or fixed) .
Support du navigateur
La propriété de position est prise en charge dans tous les principaux navigateurs.
Syntaxe
Retour la propriété de position:
object .style.position
Définissez la propriété de position:
object .style.position="static|absolute|fixed|relative|initial|inherit"
Valeurs de propriété
| Valeur | La description |
|---|---|
| static | Les éléments rend dans l'ordre, tels qu'ils apparaissent dans le flux de documents. Ce défaut est. |
| absolute | L'élément est positionné par rapport à sa première positionné (not static) élément ancêtre |
| fixed | L'élément est positionné par rapport à la fenêtre du navigateur |
| relative | L'élément est positionné par rapport à sa position normale, de sorte que "left:20" ajoute 20 pixels à la position gauche de l'élément |
| initial | Définit cette propriété à sa valeur par défaut. Lisez à propos initial |
| inherit | Hérite cette propriété de son élément parent. En savoir plus sur hériteront |
Détails techniques
| Valeur par défaut: | statique |
|---|---|
| Valeur de retour: | Une chaîne représentant le type d'un élément de position |
| version CSS | CSS2 |
autres exemples
Exemple
En utilisant différents types de position:
function myFunction(x) {
var whichSelected = x.selectedIndex;
var posVal = x.options[whichSelected].text;
var elem =
document.getElementById("myDiv");
elem.style.position=posVal;
}
Essayez vous - même » Exemple
Retourne la position d'un <h2> élément:
alert(document.getElementById("myH2").style.position); Essayez vous - même » Pages associées
Tutoriel CSS: positionnement CSS
Référence CSS: la position property
<Style objet