Својството bottom

Својството bottom го одредува положувањето на долниот раб на елементот. Вредностите за својството може да се запишат со општо прифатени мерни единици, на пример, во пиксели, инчи, точки, проценти. Зададените вредности може да бидат и негативни броеви, во овој случај елементите ќе се преклопуваат еден над друг. Пресметувањето на координатите е определено со својството position, кое обично зема вредност relative (релативна позиција) или absolute (апсолутна позиција).

Синтакса

селектор {
	bottom: број со мерна единица или auto;
}

Пример

Ајде при посочување на детскиот елемент да му ја поставиме позицијата на долната граница еднаква на 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;
}

Пример

А сега нека при посочување долната граница на детскиот елемент биде поставена на -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;
}

Погледнете ги и

својството top,
кое ја одредува позицијата на горниот раб на елементот
својството left,
кое ја одредува позицијата на левиот раб на елементот
својството right,
кое ја одредува позицијата на десниот раб на елементот
псевдоелементот ::backdrop,
кое одредува положување по првиот елемент
својството caption-side,
кое ја одредува позицијата на насловот на табелата