Contoh
Mengatur tepi kiri mutlak diposisikan <div> elemen 80px ke kanan tepi kiri leluhur diposisikan terdekatnya:
div.absolute {
position: absolute;
left: 80px;
width: 200px;
height: 120px;
border: 3px solid #8AC007;
}
Cobalah sendiri " Definisi dan Penggunaan
Untuk elemen benar-benar diposisikan, properti meninggalkan menetapkan tepi kiri elemen untuk unit ke kiri / kanan tepi kiri nenek moyang terdekatnya diposisikan.
Catatan: Jika elemen diposisikan mutlak tidak memiliki nenek moyang strategis, menggunakan badan dokumen, dan bergerak bersama dengan halaman bergulir.
Catatan: "positioned" elemen adalah salah satu yang posisinya apa-apa kecuali statis.
Untuk elemen yang relatif diposisikan, properti meninggalkan menetapkan tepi kiri elemen untuk unit ke kiri / kanan ke posisi normal.
Note: Jika "position:static" , properti meninggalkan tidak berpengaruh.
nilai default: | auto |
---|---|
mewarisi: | no |
animatable: | yes. Read about animatable Try it |
Versi: | CSS2 |
sintaks JavaScript: | object .style.left="100px" Try it |
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Milik | |||||
---|---|---|---|---|---|
left | 1.0 | 5.5 | 1.0 | 1.0 | 5.0 |
CSS Syntax
left: auto|length|initial|inherit;
Nilai properti
Nilai | Deskripsi | Mainkan |
---|---|---|
auto | Memungkinkan browser menghitung posisi tepi kiri. Ini adalah default | Mainkan " |
length | Menetapkan posisi tepi kiri di px, cm, dll Nilai negatif diperbolehkan | Mainkan " |
% | Menetapkan posisi tepi kiri di% dari yang mengandung unsur. nilai negatif diperbolehkan | Mainkan " |
initial | Set properti ini ke nilai default. Baca tentang awal | Mainkan " |
inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Pages terkait
CSS tutorial: CSS Positioning
Referensi CSS: right property
Referensi CSS: bottom property
Referensi CSS: top property
Referensi HTML DOM: left property