Bottom atribuut

Atribuut bottom määrab elemendi alumise ääre asendi. Atribuudi väärtused saab määrata üldtunnustatud mõõtühikutega, näiteks pikslites, tollides, punktides, protsentides. Määratud väärtused võivad olla ka negatiivsed arvud, mis põhjustab elementide kattumise. Koordinaatide lugemine määratakse atribuudiga position, mille väärtuseks on tavaliselt relative (suhteline asend) või absolute (absoluutne asend).

Süntaks

selektor {
	bottom: arv mõõtühikuga või auto;
}

Näide

Määrame lapselemendile hiirega üleminnes tema alumise ääre asendiks 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;
}

Näide

Nüüd määrame lapselemendi alumise ääre asendiks hiirega üleminnes -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;
}

Vaata ka

atribuut top,
mis määrab elemendi ülemise ääre asendi
atribuut left,
mis määrab elemendi vasakpoolse ääre asendi
atribuut right,
mis määrab elemendi parempoolse ääre asendi
pseudoelement ::backdrop,
mis määrab asendit esimese elemendi järel
atribuut caption-side,
mis määrab tabeli pealkirja asendi