Contoh
Mengatur tepi bawah diposisikan mutlak <div> elemen 70px atas tepi bawah moyang terdekatnya diposisikan:
div.absolute {
position: absolute;
bottom: 70px;
width: 200px;
height: 100px;
border: 3px solid #8AC007;
}
Cobalah sendiri " Definisi dan Penggunaan
Untuk elemen benar-benar diposisikan, properti bawah menetapkan tepi bawah elemen untuk unit di atas / bawah tepi bawah leluhur diposisikan terdekatnya. 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 bawah menetapkan tepi bawah elemen untuk unit di atas / bawah posisi normal.
Note: Jika "position:static" , properti bawah tidak berpengaruh.
| nilai default: | auto |
|---|---|
| mewarisi: | no |
| animatable: | yes. Read about animatable Try it |
| Versi: | CSS2 |
| sintaks JavaScript: | object .style.bottom="10px" Try it |
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
| Milik | |||||
|---|---|---|---|---|---|
| bottom | 1.0 | 5.0 | 1.0 | 1.0 | 6.0 |
CSS Syntax
bottom: auto|length|initial|inherit;Nilai properti
| Nilai | Deskripsi | Mainkan |
|---|---|---|
| auto | Memungkinkan browser menghitung posisi tepi bawah. Ini adalah default | Mainkan " |
| length | Mengatur posisi tepi bawah di px, cm, dll Nilai negatif diperbolehkan | Mainkan " |
| % | Mengatur posisi tepi bawah 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: top property
Referensi CSS: left property
Referensi CSS: right property
Referensi HTML DOM: bottom property