Sifa left
Sifa left inaweka
ya makali ya kushoto ya kipengele. Thamani za sifa zinaweza
kuandikwa kwa vitengo vya kawaida vya ukubwa,
kwa mfano, kwa saizi, inchi, pointi, asilimia.
Thamani zilizowekwa zinaweza kuwa nambari hasi,
katika kesi hii vipengele vitakuwa vikiwekwa moja
juu ya nyingine. Hesabu ya kuratibu imedhamiriwa na sifa position,
ambayo kawaida huchukua thamani relative
(nafasi ya jamaa) au absolute
(nafasi kamili).
Syntax
kichaguli {
left: saizi au auto;
}
Mfano
Wacha tukielekeza kipengele cha mtoto
tukiweka nafasi ya mpaka wa kushoto
sawa na 25px:
<div id="elem">
<p></p>
</div>
#elem {
upana: 400px;
urefu: 300px;
mipaka: 1px imara nyeusi;
}
p {
nafasi: relative;
upana: 100px;
urefu: 100px;
mipaka: 1px imara nyekundu;
margin-kushoto: 50px;
}
p:hover {
kushoto: 25px;
upana: 100px;
urefu: 100px;
mipaka: 1px imara nyekundu;
}
:
Mfano
Sasa wacha mpaka wa kushoto wa kipengele cha mtoto
uweko kwenye
-50px:
<div id="elem">
<p></p>
</div>
#elem {
upana: 400px;
urefu: 300px;
mipaka: 1px imara nyeusi;
}
p {
nafasi: relative;
upana: 100px;
urefu: 100px;
mipaka: 1px imara nyekundu;
margin-kushoto: 50px;
}
p:hover {
kushoto: -50px;
upana: 100px;
urefu: 100px;
mipaka: 1px imara nyekundu;
}
:
Angalia pia
-
sifa
bottom,
ambayo inaweka nafasi ya makali ya chini ya kipengele -
sifa
top,
ambayo inaweka nafasi ya makali ya juu ya kipengele -
sifa
right,
ambayo inaweka nafasi ya makali ya kulia ya kipengele -
pseudoelement
::backdrop,
ambayo inaweka nafasi baada ya kipengele cha kwanza