bottom

Properti CSS bottom adalah properti offset yang digunakan untuk menentukan offset bawah elemen yang diposisikan sehubungan dengan konteks penentuan posisi.

Properti ini merupakan salah satu properti offset seperti right, top, dan left.

Properti offset digunakan untuk menentukan posisi yang tepat dari elemen yang diposisikan dan tidak berpengaruh pada elemen yang tidak diposisikan (statis).

Untuk menggunakan properti ini, elemen harus memiliki nilai posisi selain default statis.

Properti bottom menentukan seberapa jauh tepi margin bawah elemen yang diposisikan benar-benar diimbangi di atas (atau di bawah) tepi bawah konteks posisi elemen, yang biasanya berupa blok yang berisi.

Untuk elemen yang relatif diposisikan, offset terkait dengan tepi bawah elemen itu sendiri.

Untuk elemen fixed dan sticky, konteks posisinya yaitu viewport.

Kamu harus membaca properti position untuk mengetahui detail tentang cara memilih posisi dan cara menggunakan properti offset diatas.

CSS Syntax

bottom: auto | length | initial | inherit;

Javascript Syntax

object.style.bottom="10px"

default bottom: auto;

Elemen akan tetap di posisi natural.

bottom: 20px;

Jika elemen berada di posisi relatif, elemen akan bergerak ke atas dengan jumlah yang ditentukan oleh nilai terbawah.

bottom: 0;

Jika elemen berada di posisi absolute, elemen akan memposisikan dirinya dari bawah dari posisi elemen induk pertama.