Atribut border-inline-end-style CSS

Halaman sebelumnya border-inline-end-color
Halaman berikutnya border-inline-end-width

Definisi dan penggunaan

border-inline-end-style atur gaya garis bawah elemen di ujung arah baris dalam.

CSS border-inline-end-style Atribut dengan border-bottom-style、border-left-style、border-right-style dan border-top-style Atribut sangat mirip, tetapi border-inline-end-style Atribut menggantung dari arah baris dalam.

Perhatian:Atribut CSS yang berhubungan writing-mode、text-orientation dan direction Mendefinisikan arah dalam. Ini akan mempengaruhi posisi awal dan akhir baris, serta border-inline-end-style Hasil atribut. Untuk halaman berbahasa Inggris, arah dalam adalah dari kiri ke kanan, arah blok adalah ke bawah.

Contoh

Contoh 1

Atur gaya garis akhir arah dalam:

div {
  border-inline-end-style: dotted;
}

Coba sendiri

Contoh 2: Dikombinasikan dengan atribut writing-mode

Posisi garis akhir arah dalam berada di bawah pengaruh writing-mode Dampak atribut:

div {
  writing-mode: vertical-rl;
  border-inline-end-style: dotted;
}

Coba sendiri

Contoh 3: Dikombinasikan dengan atribut direction

Posisi garis awal dan akhir arah dalam berada di bawah pengaruh direction Dampak atribut:

div {
  direction: rtl;
  border-inline-end-style: dotted;
}

Coba sendiri

Syntaxa CSS

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

Nilai atribut

Nilai	Deskripsi
none	Nilai default. Tentukan tanpa garis.
hidden	Sama seperti none, tetapi berbeda dalam resolusi konflik garis di elemen tabel.
dotted	Tentukan garis garis titik.
dashed	Tentukan garis garis pipa.
solid	Tentukan garis garis tegak.
double	Tentukan garis garis ganda.
groove	Tentukan garis yang menonjol 3D. Efek tergantung dari nilai border-color.
ridge	Tentukan garis yang menonjol 3D. Efek tergantung dari nilai border-color.
inset	Tentukan garis dalam yang menonjol 3D. Efek tergantung dari nilai border-color.
outset	Tentukan garis luar yang menonjol 3D. Efek tergantung dari nilai border-color.
initial	Atur atribut ini ke nilai default. Lihat initial.
inherit	Mengambil atribut ini dari elemen orang tua. Lihat inherit.

Detil teknis

Nilai default:	none
Keretnan:	Tidak
Pembuatan animasi:	Tidak didukung. Lihat:Atribut yang berhubungan dengan animasi.
Versi:	CSS3
Syntaxa JavaScript:	object.style.borderInlineEndStyle="dotted"