Atribut style bottom

Definisi dan penggunaan

bottom Atur atribut atau mengembalikan posisi bawah elemen yang ditempatkan.

Tips:Elemen yang ditempatkan adalah elemen yang atribut position disetel menjadi: relative, absolute, atau fixed.

Tips:Untuk menetapkan atau mengembalikan posisi atas elemen yang ditempatkan, gunakan atribut top.

Lihat juga:

Panduan CSS:Pemosisian CSS

Panduan CSS:Atribut bottom

Contoh

Contoh 1

Atur posisi bawah elemen <button>:

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

Coba sendiri

Contoh 2

Atur posisi bawah elemen <div>:

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

Coba sendiri

Contoh 3

Gunakan nilai negatif - atur posisi bawah elemen <div>:

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

Coba sendiri

Contoh 4

Kembalikan posisi bawah elemen <div>:

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

Coba sendiri

Sintaks

Kembalikan atribut bottom:

object.style.bottom

Atur atribut bottom:

object.style.bottom = "auto|length|%|initial|inherit"

Nilai atribut

Nilai Deskripsi
auto Biarkan peramban menetapkan posisi bawah. Default.
length Atur posisi bawah dengan satuan panjang. Memungkinkan nilai negatif.
% Atur posisi bawah dengan persen tinggi elemen induk.
initial Atur atribut ini ke nilai defaultnya. Lihat initial.
inherit Mengambil atribut ini dari elemen induknya. Lihat inherit.

Detil teknis

Nilai default: auto
Nilai kembalian: String, menunjukkan posisi bawah elemen yang ditempatkan.
Versi CSS: CSS2

Dukungan Browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan