Atribut top CSS

Definisi dan penggunaan

Atribut top menentukan luar batas atas permukaan elemen. Atribut ini mendefinisikan penyangga atas luar elemen yang berlokasi dengan garis atas batas blok yang mengandungnya.

Komentar: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 sesuai; untuk nilai persen, nilai yang ditentukan; jika tidak, nilai adalah auto.

Untuk elemen yang didefinisikan relatif, jika top dan bottom semua adalah auto, nilai hitungnya semua adalah 0; jika salah satu adalah auto, nilai lainnya diambil nilai invers; jika keduanya bukan auto, bottom akan mengambil nilai invers dari top.

Lihat pula:

Pelajaran CSS:Posisi CSS

Panduan HTML DOM:Atribut top

Contoh

Atur atas permukaan gambar di bawah permukaan atas elemen pengembangan 5 pixel tinggi:

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

Coba sendiri

Syarat CSS

top: auto|length|initial|inherit;

Nilai atribut

Nilai Deskripsi
auto Nilai standar. Perhitungan posisi atas permukaan dilakukan oleh browser.
% Atur posisi atas elemen dalam persen dari luas elemen. Dapat menggunakan nilai negatif.
length Atur posisi atas elemen menggunakan satuan px, cm, dll. Dapat menggunakan nilai negatif.
inherit Atur nilai top dari elemen harus diwariskan dari nilai top dari elemen induk.

Detil teknis

Nilai standar: auto
Keretahan: no
Versi: CSS2
Syarat JavaScript: object.style.top="50px"

Beberapa contoh lain

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

Dukungan browser

Angka di tabel menandakan versi browser pertama yang mendukung atribut ini penuhnya.

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