Properti border-inline-style CSS

Halaman sebelumnya border-inline-start-width
Halaman berikutnya border-inline-width

Rekomendasi kuliah:

border-inline-style Definisi dan penggunaan

border-inline-style Properti ini mengatur gaya border elemen dalam arah inline.

border style akhir inline adalah linur (dotted) border-inline-style Nilai properti ini dapat diatur dengan berbagai cara:

border-inline-style: solid dotted;

Properti ini memiliki dua nilai:
border style awal inline adalah garis tegak (solid)

border style akhir inline adalah linur (dotted) border-inline-style Jika

border-inline-style: dotted;

Properti ini memiliki satu nilai:

border style awal dan akhir inline CSS adalah linur (dotted) border-inline-style Properti ini sama dengan border-bottom-style、border-left-style、border-right-style dan border-top-style Properti yang sama sangat mirip, tetapi border-inline-style Properti ini bergantung pada arah inline.

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

Contoh

Contoh 1

Atur gaya garis batas di arah dalam teks:

#example1 {
  border-inline-style: solid;
}
#example2 {
  border-inline-style: dashed dotted;
}

Coba sendiri

Contoh 2: Gabungan atribut writing-mode

Posisi garis batas di awal dan akhir arah dalam teks dipengaruhi oleh writing-mode Dampak atribut:

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

Coba sendiri

Contoh 3: Gabungan atribut direction

Posisi garis batas di awal dan akhir arah dalam teks dipengaruhi oleh direction Dampak atribut:

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

Coba sendiri

Syarat CSS

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

Nilai atribut

Nilai	Deskripsi
none	Nilai default. Tentukan tanpa garis batas.
hidden	Sama seperti none, tetapi berbeda dalam resolusi konflik garis batas elemen tabel.
dotted	Tentukan garis titik
dashed	Tentukan garis pipa
solid	Tentukan garis serupa
double	Tentukan garis ganda
groove	Tentukan garis sumbu 3D Efek tergantung dari nilai border-color.
ridge	Tentukan garis loncat 3D Efek tergantung dari nilai border-color.
inset	Tentukan garis dalam 3D Efek tergantung dari nilai border-color.
outset	Tentukan garis luar 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
Inheritance:	Tidak
Pembuatan animasi:	Tidak didukung. Lihat:Atribut yang berhubungan dengan animasi.
Versi:	CSS3
语法 JavaScript:	object.style.borderInlineStyle="dotted"