Īpašība bottom

Īpašība bottom nosaka elementa apakšējās malas pozīciju. Vērtības īpašībai var ierakstīt ar vispārpieņemtām mērvienībām, piemēram, pikseļos, collās, punktos, procentos. Iestatāmās vērtības var būt arī negatīvi skaitļi, šajā gadījumā elementi pārklāsies viens otru. Koordinātu atskaiti nosaka īpašība position, kurai parasti tiek iestatīta vērtība relative (relatīvā pozīcija) vai absolute (absolūtā pozīcija).

Sintakse

selektors {
	bottom: skaitlis ar mērvienību vai auto;
}

Piemērs

Uzvedot peles kursoru uz apakšelementa, iestatīsim tā apakšējās malas pozīciju vienādu ar 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;
}

Piemērs

Tagad, uzvedot peles kursoru, apakšējā mala apakšelementa tiks novietota uz -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;
}

Skatiet arī

īpašība top,
kas nosaka elementa augšējās malas pozīciju
īpašība left,
kas nosaka elementa kreisās malas pozīciju
īpašība right,
kas nosaka elementa labās malas pozīciju
pseidoelements ::backdrop,
kas nosaka novietojumu aiz pirmā elementa
īpašība caption-side,
kas nosaka tabulas virsraksta pozīciju