Sifat top CSS

Definisi dan penggunaan

Atribut top menentukan garis atas batas luar margin atas elemen yang ditempatkan. Atribut ini menentukan offset antara garis atas batas luar margin atas elemen dan garis atas batas atas blok yang mengandungnya.

Keterangan:Jika nilai atribut position adalah "static", pengaturan atribut top tidak akan menghasilkan efek apapun.

Keterangan

Untuk elemen static, nilai adalah auto; untuk nilai panjang, nilai absolut yang relevan; untuk nilai persen, nilai yang ditentukan; lainnya adalah auto.

Untuk elemen yang didefinisikan relatif, jika top dan bottom semua adalah auto, nilai mereka semua adalah 0; jika salah satu adalah auto, nilai mereka adalah negatif dari nilai yang lain; jika keduanya bukan auto, bottom akan mengambil nilai yang sebaliknya dari top.

Lihat pula:

Panduan CSS:Pengaturan lokasi CSS

Panduan HTML DOM:Atribut top

Contoh

Atur tinggi atas gambar di bawah tinggi atas atas elemen pengandung 5 piksel:

img
  {
  position:absolute;
  top:5px;
  }

Coba sendiri

Syarat CSS

top: auto|length|initial|inherit;

Nilai atribut

Nilai Deskripsi
auto Nilai default. Lokasi atas dihitung melalui browser.
% Atur posisi atas elemen berdasarkan persen dari tinggi elemen.
length Atur posisi atas elemen menggunakan unit px, cm, dll. Dapat digunakan nilai negatif.
inherit Ditetapkan supaya nilai top dari elemen diwarisi dari nilai top elemen induk.

Detil teknis

Nilai default: auto
Inheritsi: tidak
Versi: CSS2
Syarat JavaScript: object.style.top="50px"

Beberapa contoh lain

Mengatur tinggi atas gambar menggunakan nilai tetap
Contoh ini menunjukkan bagaimana untuk mengatur tinggi atas gambar menggunakan nilai tetap.
Mengatur tinggi atas gambar menggunakan persen
Contoh ini menunjukkan bagaimana untuk mengatur tinggi atas gambar menggunakan persen.

Dukungan browser

Angka di dalam tabel menunjukkan versi pertama browser yang mendukung sifat ini penuh.

Chrome IE / Edge Firefox Safari Opera
1.0 5.0 1.0 1.0 6.0