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

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

Mfano

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

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

css#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:

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

css#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