Properti border-right-style CSS

Definisi dan penggunaan

border-right-style mengatur gaya garis bawah kanan elemen.

Garis hanya muncul jika nilai ini bukan none.

Dalam CSS1, agen pengguna HTML hanya harus mendukung solid dan none.

Lihat pula:

Panduan CSS:Batas CSS

Panduan CSS:Atribut border-right

Panduan HTML DOM:Atribut borderRightStyle

Contoh

Mengatur gaya garis bawah kanan:

p
  {
  border-style:solid;
  border-right-style:dotted;
  }

Coba sendiri

Syarat CSS

border-right-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Nilai atribut

Nilai Deskripsi
none Mendefinisikan garis bawah tak ada.
hidden Sama dengan "none" kecuali untuk tabel, untuk tabel, "hidden" digunakan untuk memecahkan konflik garis.
dotted Mendefinisikan garis titik. Dalam sebagian besar browser ditampilkan sebagai garis tebal.
dashed Mendefinisikan garis sisik. Dalam sebagian besar browser ditampilkan sebagai garis tebal.
solid Mendefinisikan garis tebal.
double Mendefinisikan garis ganda. Lebar garis ganda sama dengan nilai border-width.
groove Mendefinisikan garis bawah 3D gugur. Efectnya tergantung dari nilai border-color.
ridge Mendefinisikan garis bawah 3D ribuan. Efectnya tergantung dari nilai border-color.
inset Mendefinisikan garis bawah 3D inset. Efectnya tergantung dari nilai border-color.
outset Mendefinisikan garis bawah 3D outset. Efectnya tergantung dari nilai border-color.
inherit Ditetapkan agar gaya garis bawah diwarisi dari elemen induk.

Detil teknis

Nilai standar: tidak disebutkan
Inheritsi: no
Versi: CSS1
Syarat JavaScript: object.style.borderRightStyle="dotted"

Contoh lainnya

Mengatur gaya garis bawah kanan
Contoh ini menunjukkan bagaimana cara mengatur gaya garis bawah kanan.

Dukungan browser

Angka di tabel menunjukkan versi pertama browser yang mendukung atribut ini penuh.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5