Sifa ya bottom

Sifa bottom huweka msimamo wa makali ya chini ya kipengele. Thamani za sifa zinaweza kuandikwa kwa vitengo vinavyokubalika vya ukubwa, kwa mfano, kwa pikseli, inchi, pointi, asilimia. Thamani zilizowekwa zinaweza kuwa namba hasi, katika kesi hii vipengele vitajikwa moja juu ya nyingine. Hesabu ya kuratibu imedhamiriwa na sifa position, ambayo kwa kawaida huchukua thamani relative (msimamo wa jamaa) au absolute (msimamo kamili).

Kisarufi

kichagua {
	bottom: nambari na kipimo cha kitengo au auto;
}

Mfano

Wacha tukiweka kipengele cha mtoto msimamo wa mpaka wa chini sawa na 25px:

<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;
}

Mfano

Sasa wacha mpaka wa chini wa kipengele cha mtoto uweko kwenye -50px:

<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;
}

Angalia pia

sifa top,
ambayo huweka msimamo wa makali ya juu ya kipengele
sifa left,
ambayo huweka msimamo wa makali ya kushoto ya kipengele
sifa right,
ambayo huweka msimamo wa makali ya kulia ya kipengele
pseudoelement ::backdrop,
ambayo huweka msimamo baada ya kipengele cha kwanza
sifa caption-side,
ambayo huweka msimamo wa kichwa cha jedwali