Properti posisi CSS
contoh
Lokasi <h2> elemen:
{
position: absolute;
kiri: 100px;
top: 150px;
}
Coba »
Di bagian bawah halaman ini untuk lebih banyak contoh.
Definisi atribut dan petunjuk
Atribut posisi menentukan jenis unsur metode (statis, relatif, absolut atau tetap) posisi.
| default: | statis |
|---|---|
| warisan: | tidak |
| versi: | CSS2 |
| sintaks JavaScript: | objek .style.position = "mutlak" |
Dukungan Browser
Angka dalam tabel tersebut merupakan browser pertama yang mendukung nomor versi properti.
| 属性 | |||||
|---|---|---|---|---|---|
| position | 1.0 | 7.0 | 1.0 | 1.0 | 4.0 |
Nilai properti
| 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. |
contoh yang lebih
Position: relative
Contoh ini menunjukkan elemen relatif terhadap posisi normal, bagaimana untuk mencari.
Artikel terkait
CSS tutorial: CSS Positioning
