right ගුණය
right ගුණය මූලද්රව්යයක
දකුණු දාරයේ ස්ථානය සකසයි. ගුණය සඳහා අගයන්
සාමාන්යයෙන් පිළිගත් මාන ඒකක සමඟ ලිවිය හැකිය,
උදාහරණයක් ලෙස, පික්සල්, අඟල්, ලකුණු, සියයට.
සකසන ලද අගයන් ඍණ සංඛ්යා විය හැකිය,
මෙම අවස්ථාවේදී මූලද්රව්ය එකක් මත තවත් එකක්
තබනු ඇත. ඛණ්ඩාංක ගණනය කිරීම position ගුණය මගින් තීරණය වේ,
එය සාමාන්යයෙන් relative අගය ගනී
(සාපේක්ෂ ස්ථානය) හෝ absolute
(නිරපේක්ෂ ස්ථානය).
වාක්ය රචනා ක්රමය
තෝරන්නා {
right: ප්රමාණය හෝ 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-left: 50px;
}
p:hover {
right: 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-left: 50px;
}
p:hover {
right: -50px;
width: 100px;
height: 100px;
border: 1px solid red;
}
:
මේවාත් බලන්න
-
bottomගුණය,
මූලද්රව්යයක පහළ දාරයේ ස්ථානය සකසයි -
topගුණය,
මූලද්රව්යයක ඉහළ දාරයේ ස්ථානය සකසයි -
leftගුණය,
මූලද්රව්යයක වම් දාරයේ ස්ථානය සකසයි -
සුළු මූලද්රව්ය
::backdrop,
පළමු මූලද්රව්යයෙන් පසු ස්ථානගත කිරීම සකසයි
