Atribut right CSS
Definisi dan Penggunaan
Atribut right menentukan batas luar jarak kanan elemen. Atribut ini menentukan offset antara batas luar jarak kanan elemen yang ditempatkan dan batas kanan blok yang mengandungnya.
Catatan:Jika nilai atribut position adalah "static", pengaturan atribut right tidak akan menghasilkan efek apapun.
Keterangan
Untuk elemen static, nilai adalah auto; untuk nilai panjang, nilai absolut yang sesuai; untuk nilai persentase, nilai yang ditentukan; lainnya adalah auto.
Untuk elemen yang didefinisikan relatif, nilai hitung left selalu sama dengan right.
Lihat pula:
Pelajaran CSS:Posisi CSS
Panduan HTML DOM:Atribut right
Contoh
Atur sisi kanan gambar di posisi 5 pixel kiri dari sisi kanan elemen pengembangan:
img
{
position:absolute;
right:5px;
}
Sintaks CSS
right: auto|length|initial|inherit;
Nilai atribut
| Nilai | Deskripsi |
|---|---|
| auto | Nilai Default. Lokasi sisi kanan dihitung melalui browser. |
| % | Atur posisi kanan berdasarkan persentase dari lebar elemen. Dapat menggunakan nilai negatif. |
| length | Atur posisi kanan elemen menggunakan unit px, cm, dll. Dapat menggunakan nilai negatif. |
| inherit | Atur supaya nilai right atribut diturunkan dari elemen induk. |
Detil Teknik
| Nilai Default: | auto |
|---|---|
| Inheritance: | no |
| Versi: | CSS2 |
| Sintaks JavaScript: | object.style.right="50px" |
Contoh lebih banyak
- Mengatur sisi kanan gambar menggunakan nilai tetap
- Contoh ini menunjukkan bagaimana cara mengatur sisi kanan gambar menggunakan nilai tetap.
- Mengatur sisi kanan gambar menggunakan persentase
- Contoh ini menunjukkan bagaimana cara mengatur sisi kanan gambar menggunakan persentase.
Dukungan browser
Angka di tabel menandai versi pertama browser yang mendukung properti ini penuh.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 5.5 | 1.0 | 1.0 | 5.0 |
