Exemplu
Schimbați poziția unui <div> element de la relativ la absolut:
document.getElementById("myDIV").style.position = "absolute";
Încearcă - l singur » Definiție și utilizare
Seturile de proprietate de poziție sau returnează tipul metodei de poziționare utilizate pentru un element (static, relative, absolute or fixed) .
Suport pentru browser-
Proprietatea poziție este susținută în toate browserele majore.
Sintaxă
Întoarcere proprietatea poziție:
object .style.position
Setați proprietatea Poziție:
object .style.position="static|absolute|fixed|relative|initial|inherit"
Valori de proprietate
| Valoare | Descriere |
|---|---|
| static | Elemente face în ordine, așa cum apar ele în fluxul de documente. Acest lucru este implicit. |
| absolute | Elementul este poziționat în raport cu primul său poziționat (not static) element de strămoș |
| fixed | Elementul este poziționat în raport cu fereastra browser-ului |
| relative | Elementul este poziționat în raport cu poziția sa normală, astfel încât "left:20" , adaugă 20 de pixeli la poziția din stânga elementului |
| initial | Setează această proprietate la valoarea implicită. Citiți despre inițială |
| inherit | Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc |
Detalii tehnice
| Valoare implicită: | static |
|---|---|
| Întoarcere Valoare: | Un șir, care reprezintă tipul poziției unui element |
| CSS Versiune | CSS2 |
Mai multe exemple
Exemplu
Folosind diferite tipuri de poziție:
function myFunction(x) {
var whichSelected = x.selectedIndex;
var posVal = x.options[whichSelected].text;
var elem =
document.getElementById("myDiv");
elem.style.position=posVal;
}
Încearcă - l singur » Exemplu
Readuceți poziția unui <h2> Element:
alert(document.getElementById("myH2").style.position); Încearcă - l singur » Pagini similare
Tutorial CSS: Poziționarea CSS
Referință CSS: position property de position property
<Style Object