tutorial pengembangan web terbaru
 

Style position Property

<Style Object

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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