Sifat right

Sifat right menentukan tepi kanan elemen. Nilai untuk sifat boleh ditulis dengan unit saiz yang lazim, contohnya, dalam piksel, inci, mata, peratusan. Nilai yang ditetapkan juga boleh menjadi nombor negatif, dalam kes ini elemen akan bertindih antara satu sama lain. Kiraan koordinat ditentukan oleh sifat position, yang biasanya mengambil nilai relative (kedudukan relatif) atau absolute (kedudukan mutlak).

Sintaks

cssselector {
  right: saiz atau auto;
}

Contoh

Mari apabila penuding dihalakan pada elemen anak tetapkan kedudukan sempadan kanannya sama dengan 25px:

html<div id="elem">
  <p></p>
</div>

css#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;
}

Результат:

Contoh

Sekarang mari sempadan kanan elemen anak apabila penuding dihalakan diletakkan pada -50px:

html<div id="elem">
  <p></p>
</div>

css#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;
}

Результат:

Lihat juga