Sifat bottom

Sifat bottom menentukan kedudukan tepi bawah elemen. Nilai untuk sifat boleh ditulis dengan unit ukuran yang lazim, contohnya, dalam piksel, inci, poin, peratus. Nilai yang ditetapkan juga boleh menjadi nombor negatif, dalam kes ini elemen akan bertindih antara satu sama lain. Kiraan koordinat ditentukan oleh sifat position, yang biasanya mengambil nilai relative (kedudukan relatif) atau absolute (kedudukan mutlak).

Sintaks

selector {
	bottom: nombor dengan unit ukuran atau auto;
}

Contoh

Mari kita tetapkan kedudukan tepi bawah elemen anak kepada 25px apabila kursor dihalakan ke atasnya:

<div id="elem">
	<p></p>
</div>

#elem {
	width: 400px;
	height: 300px;
	border: 1px solid black;
}
p {
	position: relative;
	width: 100px;
	height: 100px;
	border: 1px solid red;
	margin-top: 50px;
}
p:hover {
	bottom: 25px;
	width: 100px;
	height: 100px;
	border: 1px solid red;
}

Contoh

Sekarang mari kita tetapkan kedudukan tepi bawah elemen anak kepada -50px apabila kursor dihalakan ke atasnya:

<div id="elem">
	<p></p>
</div>

#elem {
	width: 400px;
	height: 300px;
	border: 1px solid black;
}
p {
	position: relative;
	width: 100px;
	height: 100px;
	border: 1px solid red;
	margin-top: 50px;
}
p:hover {
	bottom: -50px;
	width: 100px;
	height: 100px;
	border: 1px solid red;
}

Lihat juga

sifat top,
yang menentukan kedudukan tepi atas elemen
sifat left,
yang menentukan kedudukan tepi kiri elemen
sifat right,
yang menentukan kedudukan tepi kanan elemen
unsur pseudo ::backdrop,
yang menentukan kedudukan selepas elemen pertama
sifat caption-side,
yang menentukan kedudukan tajuk jadual