tutorial pengembangan web terbaru
 

Style top Property

<Style Object

Contoh

Atur posisi teratas dari <button> elemen:

document.getElementById("myBtn").style.top = "100px";
Cobalah sendiri "

Definisi dan Penggunaan

Properti atas menetapkan atau mengembalikan posisi teratas dari elemen diposisikan.

Properti ini menentukan posisi teratas dari elemen termasuk padding, scrollbar, perbatasan dan marjin.

Tip: Sebuah elemen diposisikan merupakan elemen dengan posisi set properti untuk: relatif, absolut, atau tetap.

Tip: Untuk mengatur atau kembali posisi bawah elemen diposisikan, gunakan bawah properti.


Dukungan Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Properti top didukung di semua browser utama.


Sintaksis

Kembali properti atas:

object .style.top

Mengatur properti atas:

oject .style.top="auto| Nilai properti
Nilai Deskripsi
auto Memungkinkan browser mengatur posisi teratas. Ini adalah default
length Mendefinisikan posisi teratas dalam satuan panjang. nilai negatif diperbolehkan
% Mengatur posisi teratas di% dari ketinggian elemen induk
initial Set properti ini ke nilai default. Baca tentang awal
inherit Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi

Rincian teknis

Nilai default: mobil
Kembali Nilai: Sebuah String, mewakili posisi teratas dari elemen diposisikan
CSS Versi CSS2

Contoh lebih

Contoh

Menggunakan nilai-nilai negatif - Mengatur posisi teratas dari <div> elemen:

document.getElementById("myDiv").style.top = "-100px";
Cobalah sendiri "

Contoh

Kembali posisi teratas dari <div> elemen:

alert(document.getElementById("myDiv").style.top);
Cobalah sendiri "

Pages terkait

CSS tutorial: CSS Positioning

Referensi CSS: top property


<Style Object