Sifat right CSS
Definisi dan penggunaan
Atribut right menentukan latar belakang kanan elemen. Atribut ini menentukan jarak luar batas margin kanan elemen yang ditempatkan daripada batas kanan blok yang mengandungnya.
Komen:Jika nilai atribut 'position' adalah 'static', pengaturan atribut 'right' tidak akan menghasilkan apa-apa.
Penerangan
Untuk elemen statik, nilai adalah auto; untuk nilai panjang, nilai absolut yang relevan; untuk nilai persen, nilai yang ditentukan; jika tidak, auto.
Untuk elemen yang didefinisikan relatif, nilai perhitungan left selalu sama dengan right.
Lihat juga:
Panduan CSS:Penggunaan lokasi CSS
Panduan HTML DOM:Atribut right
Contoh
Tetapkan hujung kanan imej di tempat 5 piksel kiri daripada hujung kanan elemen yang mengandungnya:
img
{
position:absolute;
right:5px;
}
Syarat CSS
right: auto|length|initial|inherit;
Nilai atribut
| Nilai | Penerangan |
|---|---|
| auto | Nilai lalai. Latar belakang akan dihitung oleh pereka untuk kedudukan hujung kanan. |
| % | Mengatur kedudukan kanan elemen berdasarkan persen yang termasuk elemen. Boleh digunakan nilai negatif. |
| length | Mengatur kedudukan kanan elemen menggunakan unit seperti px, cm, dll. Boleh digunakan nilai negatif. |
| inherit | Ditetapkan supaya nilai right atribut diwarisi dari elemen bapa. |
Butir teknologi
| Nilai lalai: | auto |
|---|---|
| Inheren: | no |
| Versi: | CSS2 |
| Syarat JavaScript: | object.style.right="50px" |
Contoh lanjutan
- Mengatur hujung kanan imej menggunakan nilai tetap
- Contoh ini memaparkan bagaimana untuk mengatur hujung kanan imej menggunakan nilai tetap.
- Mengatur hujung kanan imej menggunakan persen
- Contoh ini memaparkan bagaimana untuk mengatur hujung kanan imej menggunakan persen.
Dukungan pereka
Nombor dalam tabel menunjukkan versi pereka paling awal yang mendukung sifat ini.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 5.5 | 1.0 | 1.0 | 5.0 |
