Properti border-inline-start-style CSS

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

Definisi dan penggunaan

border-inline-start-style menetapkan gaya garis batas elemen di awal arah teks

Atribut CSS border-inline-start-style Atribut dengan border-bottom-style、border-left-style、border-right-style dan border-top-style Atribut sangat mirip, tapi border-inline-start-style Atribut bergantung pada arah teks

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

Contoh

Contoh 1

Atur gaya luar tebing awal arah dalam baris:

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

Coba sendiri

Contoh 2: Gabungan atribut writing-mode

Posisi luar tebing awal arah dalam baris terpengaruh oleh writing-mode Dampak atribut:

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

Coba sendiri

Contoh 3: Gabungan atribut direction

Posisi luar tebing awal dan akhir arah dalam baris terpengaruh oleh direction Dampak atribut:

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

Coba sendiri

Sintaks CSS

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

Nilai atribut

Nilai	Deskripsi
none	Nilai standar. Tentukan tanpa luar tebing.
hidden	Sama seperti none, tetapi berbeda dalam konflik resolusi tebing elemen tabel.
dotted	Tentukan tebing titik
dashed	Tentukan tebing garis terbuka
solid	Tentukan tebing garis
double	Tentukan tebing ganda
groove	Tentukan tebing sumbu 3D Efek tergantung dari nilai border-color.
rigde	Tentukan tebing bulat 3D Efek tergantung dari nilai border-color.
inset	Tentukan luar tebing 3D yang disembunyikan Efek tergantung dari nilai border-color.
outset	Tentukan luar tebing 3D Efek tergantung dari nilai border-color.
initial	Atur atribut ini ke nilai standarnya. Lihat initial.
inherit	Mengambil atribut ini dari elemen orangtua. Lihat inherit.

Detil teknis

Nilai standar:	none
Inheritance:	Tidak
Pembuatan animasi:	Tidak didukung. Lihat:Atribut berhubungan dengan animasi.
Versi:	CSS3
Sintaks JavaScript:	object.style.borderInlineStartStyle="dotted"