Atribut border-right-style CSS

Definisi dan penggunaan

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

Garis bawah hanya muncul jika nilai ini bukan none.

Dalam CSS1, peramban 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

Sintaksu CSS

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

Nilai atribut

Nilai Deskripsi
none Mendefinisikan garis bawah yang tak ada.
hidden Sama seperti "none" tetapi untuk tabel kecuali, untuk tabel, "hidden" digunakan untuk memecahkan konflik garis bawah.
dotted Mendefinisikan garis titik. Diperlihatkan sebagai garis tegak lurus di sebagian besar peramban.
dashed Mendefinisikan garis ganda. Diperlihatkan sebagai garis tegak lurus di sebagian besar peramban.
solid Mendefinisikan garis tegak lurus.
double Mendefinisikan garis ganda. Lebar garis ganda sama dengan nilai border-width.
groove Mendefinisikan garis bawah 3D kerongkongan. Effeknya tergantung dari nilai border-color.
ridge Mendefinisikan garis bawah 3D beku. Effeknya tergantung dari nilai border-color.
inset Mendefinisikan garis bawah 3D inset. Effeknya tergantung dari nilai border-color.
outset Mendefinisikan garis bawah 3D outset. Effeknya tergantung dari nilai border-color.
inherit Ditetapkan bahwa gaya garis bawah harus diwarisi dari elemen orangtua.

Detil teknis

Nilai standar: not specified
Inheritance: no
Versi: CSS1
Sintaksu JavaScript: object.style.borderRightStyle="dotted"

Contoh lainnya

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

Dukungan peramban

Angka di tabel menunjukkan versi pertama peramban yang mendukung atribut ini penuhnya.

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