Atribut top style

Definisi dan penggunaan

top Atur atau kembalikan posisi atas elemen yang ditempatkan.

Atribut ini menentukan posisi atas elemen, termasuk margin dalam, scrollbar, border, dan margin luar.

Petunjuk：Elemen yang ditempatkan adalah Atribut position Ditetapkan:relative、absolute atau fixed。

Petunjuk：Untuk menetapkan atau mengembalikan posisi bawah elemen yang ditempatkan, gunakan Atribut bottom。

Lihat juga：

Panduan CSS：Posisi CSS

Panduan CSS：Atribut top

Contoh

Contoh 1

Atur posisi atas elemen <button>：

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

Coba sendiri

Contoh 2

Gunakan nilai negatif - menetapkan posisi atas elemen <div>：

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

Coba sendiri

Contoh 3

Kembalikan posisi atas elemen <div>：

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

Coba sendiri

Sintaks

Kembalikan atribut top：

object.style.top

Atur atribut top：

object.style.top = "auto|length|%|initial|inherit"

Nilai atribut

Nilai Deskripsi
auto Meminta peramban untuk menetapkan posisi atas. Standar.
length Definisi posisi atas dengan satuan panjang. Diperbolehkan nilai negatif.
% Atur posisi atas dengan persen tinggi elemen induk.
initial Atur atribut ini ke nilai standarnya. Lihat initial。
inherit Mengambil atribut ini dari elemen induknya. Lihat inherit。

Detil teknis

Nilai standar： Tidak ada
Nilai kembalian： String yang menyatakan posisi atas elemen yang ditempatkan.
Versi CSS： CSS2

Peramban web mendukung

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan