Contoh
Mengubah posisi dari <div> elemen dari relatif absolut:
document.getElementById("myDIV").style.position = "absolute";
Cobalah sendiri " Definisi dan Penggunaan
Posisi set properti atau mengembalikan jenis metode penentuan posisi yang digunakan untuk elemen (static, relative, absolute or fixed) .
Dukungan Browser
Properti posisi didukung di semua browser utama.
Sintaksis
Kembali properti posisi:
object .style.position
Mengatur properti posisi:
object .style.position="static|absolute|fixed|relative|initial|inherit"
Nilai properti
| Nilai | Deskripsi |
|---|---|
| static | Elemen merender dalam rangka, seperti yang muncul dalam aliran dokumen. Ini adalah default. |
| absolute | Unsur diposisikan relatif terhadap posisi pertama (not static) elemen nenek moyang |
| fixed | Unsur diposisikan relatif terhadap jendela browser |
| relative | Unsur diposisikan relatif terhadap posisi normal, sehingga "left:20" menambahkan 20 pixel ke posisi KIRI elemen |
| initial | Set properti ini ke nilai default. Baca tentang awal |
| inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Rincian teknis
| Nilai default: | statis |
|---|---|
| Kembali Nilai: | Sebuah String, mewakili jenis posisi elemen |
| CSS Versi | CSS2 |
Contoh lebih
Contoh
Menggunakan jenis posisi yang berbeda:
function myFunction(x) {
var whichSelected = x.selectedIndex;
var posVal = x.options[whichSelected].text;
var elem =
document.getElementById("myDiv");
elem.style.position=posVal;
}
Cobalah sendiri " Contoh
Kembali posisi dari <h2> elemen:
alert(document.getElementById("myH2").style.position); Cobalah sendiri " Pages terkait
CSS tutorial: CSS Positioning
Referensi CSS: position property
<Style Object