tutorial pengembangan web terbaru
 

Style bottom Property

<Style Object

Contoh

Atur posisi bawah dari <button> elemen:

document.getElementById("myBtn").style.bottom = "100px";
Cobalah sendiri "

Definisi dan Penggunaan

Set properti bawah atau mengembalikan posisi bawah elemen diposisikan.

Properti ini menentukan posisi bawah elemen termasuk padding, scrollbar, perbatasan dan marjin.

Tip: Sebuah elemen diposisikan merupakan elemen dengan posisi set properti untuk: relatif, absolut, atau tetap.

Tip: Untuk mengatur atau kembali posisi teratas dari elemen diposisikan, gunakan atas properti.


Dukungan Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Properti bawah didukung di semua browser utama.


Sintaksis

Kembali properti bawah:

object .style.bottom

Mengatur properti bawah:

object .style.bottom="auto| Nilai properti
Nilai Deskripsi
auto Memungkinkan browser mengatur posisi bawah. Ini adalah default
length Mendefinisikan posisi bawah dalam satuan panjang. nilai negatif diperbolehkan
% Mengatur posisi bawah di% dari ketinggian elemen induk
initial Set properti ini ke nilai default. Baca tentang awal
inherit Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi

Rincian teknis

Nilai default: mobil
Kembali Nilai: Sebuah String, mewakili posisi bawah elemen diposisikan
CSS Versi CSS2

Contoh lebih

Contoh

Atur posisi bawah dari <div> elemen:

document.getElementById("myDiv").style.bottom = "10px";
Cobalah sendiri "

Contoh

Menggunakan nilai-nilai negatif - Mengatur posisi bawah dari <div> elemen:

document.getElementById("myDiv").style.bottom = "-100px";
Cobalah sendiri "

Contoh

Kembali posisi bawah dari <div> elemen:

alert(document.getElementById("myDiv").style.bottom);
Cobalah sendiri "

Pages terkait

CSS tutorial: CSS Positioning

Referensi CSS: bottom property


<Style Object