Sifa right
Sifa right inaweka
ukingo wa kulia wa kipengele. Thamani za sifa zinaweza
kuandikwa kwa vitengo vya kawaida vya ukubwa,
kwa mfano, kwenye saizi, inchi, pointi, asilimia.
Thamani zilizowekwa zinaweza kuwa nambari hasi,
katika kesi hii vipengele vitakaa juu ya kila mmoja.
Hesabu za kuratibu huamuliwa na sifa position,
ambayo kawaida huchukua thamani relative
(msimamo wa jamaa) au absolute
(msimamo kamili).
Kisarufu
kichagua {
right: saizi au auto;
}
Mfano
Wacha tukiweka kipengele cha mtoto
msimamo wa mpaka wa kulia
sawa na 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-left: 50px;
}
p:hover {
right: 25px;
width: 100px;
height: 100px;
border: 1px solid red;
}
:
Mfano
Sasa acha mpaka wa kulia
wa kipengele cha mtoto uwe
katika -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-left: 50px;
}
p:hover {
right: -50px;
width: 100px;
height: 100px;
border: 1px solid red;
}
:
Angalia pia
-
sifa
bottom,
ambayo inaweka msimamo wa ukingo wa chini wa kipengele -
sifa
top,
ambayo inaweka msimamo wa ukingo wa juu wa kipengele -
sifa
left,
ambayo inaweka msimamo wa ukingo wa kushoto wa kipengele -
kipengele bandia
::backdrop,
ambacho kinaweka msimamo baada ya kipengele cha kwanza