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жалған элементі,
бірінші элементтен кейінгі орналасуды белгілейді