Tutorial Properti posisi CSS Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari contoh,Definisi atribut dan petunjuk,Dukungan Browser,Nilai properti,contoh yang lebih,Artikel terkait,
Lokasi <h2> elemen:
Atribut posisi menentukan jenis unsur metode (statis, relatif, absolut atau tetap) posisi.
default: | statis |
---|---|
warisan: | tidak |
versi: | CSS2 |
sintaks JavaScript: | objek .style.position = "mutlak" |
Angka dalam tabel tersebut merupakan browser pertama yang mendukung nomor versi properti.
属性 | |||||
---|---|---|---|---|---|
position | 1.0 | 7.0 | 1.0 | 1.0 | 4.0 |
nilai | deskripsi |
---|---|
absolut | Menghasilkan elemen diposisikan mutlak, relatif terhadap elemen induk pertama diposisikan di luar posisi statis. Posisi elemen dengan "kiri", "top", "benar" dan "bawah" atribut tertentu. |
tetap | Menghasilkan posisi absolut dari elemen relatif terhadap posisi jendela browser. Posisi elemen dengan "kiri", "top", "benar" dan "bawah" atribut tertentu. |
relatif | Menghasilkan elemen posisi relatif, posisi relatif terhadap posisi normal. Dengan demikian, "kiri: 20" menambahkan 20 pixel ke posisi KIRI elemen. |
statis | Default. Ada unsur posisi terjadi pada aliran normal (mengabaikan bagian atas, bawah, kiri, kanan atau z-index pernyataan). |
mewarisi | Ketentuan harus mewarisi posisi nilai properti dari elemen induk. |
Position: relative
Contoh ini menunjukkan elemen relatif terhadap posisi normal, bagaimana untuk mencari.
CSS tutorial: CSS Positioning