Property RIGHT pada CSS adalah property offset yang digunakan untuk menentukan offset yang tepat dari elemen yang diposisikan sehubungan dengan konteks penentuan posisi.

Ini adalah salah satu dari empat properti offset yang tersedia yang juga mencakup left, top dan bottom. Yang akan di bahas berikutnya

Property offset digunakan untuk menentukan posisi yang tepat dari elemen yang diposisikan dan tidak berpengaruh pada elemen yang tidak diposisikan (statis). Untuk menggunakan property ini, elemen harus memiliki nilai posisi selain statis default.

Property right menentukan seberapa jauh tepi margin right elemen yang diposisikan benar-benar diimbangi relatif ke tepi right konteks pemosisian elemen, yang biasanya merupakan blok yang mengandungnya. Untuk elemen yang relatif diposisikan, offset terkait dengan tepi right elemen itu sendiri (mis., Elemen diberi posisi dalam aliran normal, lalu offset dari posisi itu sesuai dengan property offset). Untuk elemen tetap dan lengket konteks posisi adalah viewport.

Kalian harus membaca entri property posisi untuk detail tentang cara memilih posisi agar elemen menggunakan property offset di topnya.

Jika suatu elemen memiliki lebar yang ditentukan, maka property right akan diganti oleh property left jika property left diatur ke nilai apa pun selain otomatis. Jika elemen tidak memiliki lebar yang ditentukan dan property left diatur bersama dengan property right, elemen akan meregang sehingga tepi left dan rightnya diposisikan sesuai dengan offset left dan right.

Official Syntax:

 

Values:

<length>: Offset right ditentukan sebagai panjang tetap. Lihat entri <length> untuk daftar kemungkinan nilai dan satuan panjang. Nilai negatif diizinkan. Nilai positif akan mengimbangi elemen ke kiri dari tepi kanan konteks pemosisiannya, sedangkan nilai negatif akan mengimbangi ke kanan sehubungan dengan tepi kanan konteks.

<percentage>: Offset right ditentukan sebagai persentase dari tinggi blok yang mengandung itu. Lihat entri <length> untuk daftar kemungkinan nilai dan satuan panjang. Nilai negatif diizinkan. Nilai positif akan mengimbangi elemen ke kiri dari tepi kanan konteks pemosisiannya, sedangkan nilai negatif akan mengimbangi ke kanan sehubungan dengan tepi kanan konteks.

auto: Jika elemen relatif diposisikan, itu akan diposisikan (secara horizontal) sesuai dengan nilai property left, dan jika property left juga diatur ke otomatis, elemen tersebut tidak diimbangi secara horizontal sama sekali. (Itu masih bisa diimbangi secara vertikal menggunakan salah satu property offset vertikal atas dan bawah.)

Jika elemen benar-benar diposisikan, itu akan diposisikan (secara horizontal) sesuai dengan nilai property left, dan jika lebarnya adalah width: auto, ia akan mendapatkan lebarnya berdasarkan kontennya — ia biasanya mengembang untuk mengisi seluruh yang tersedia. lebar di dalam blok yang mengandungnya.

Properti offset kanan juga menerima nilai inherit, yang memungkinkan elemen mewarisi offset kanannya dari induknya. Induk elemen mungkin bukan konteks penentuan posisi.

Contoh: