Vetia bottom

Vetia bottom përcakton pozicionin e skajit të poshtëm të elementit. Vlerat për vetinë mund të shkruhen me njësitë e pranuara të përgjithshme të madhësive, për shembull, në piksel, inç, pika, përqindje. Vlerat e caktuara mund të jenë edhe numra negativë, në këtë rast elementët do të mbivendosen njëri mbi tjetrin. Numërimi i koordinatave përcaktohet nga vetia position, e cila zakonisht merr vlerën relative (pozicion relativ) ose absolute (pozicion absolut).

Sintaksa

selektori {
	bottom: numër me njësi matëse ose auto;
}

Shembull

Le të vendosim, kur kalojmë mbi elementin fëmijë, pozicionin e skajit të poshtëm të barabartë me 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;
}

Shembull

Tani le të jetë, kur kalojmë mbi të, skaji i poshtëm i elementit fëmijë i vendosur në -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;
}

Shihni gjithashtu

vetia top,
e cila përcakton pozicionin e skajit të sipërm të elementit
vetia left,
e cila përcakton pozicionin e skajit të majtë të elementit
vetia right,
e cila përcakton pozicionin e skajit të djathtë të elementit
pseudoelementi ::backdrop,
i cili përcakton vendosjen pas elementit të parë
vetia caption-side,
e cila përcakton pozicionin e titullit të tabelës