Sifat border-inline-start-style CSS

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

定義和用法

border-inline-start-style 屬性設置元素在行內方向起始處的邊框樣式。

CSS 的 border-inline-start-style 屬性與 border-bottom-style、border-left-style、border-right-style dan border-top-style 屬性非常相似，但 border-inline-start-style 属性依赖於行內方向。

注意：属性相关的 CSS writing-mode、text-orientation dan direction Mendefinisikan arah dalam. Ini akan mempengaruhi posisi awal dan akhir baris, serta border-inline-start-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 pinggir awal arah dalam：

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

Coba sendiri

Contoh 2: Gabungan atribut writing-mode

Posisi garis pinggir awal arah dalam bercetak tebal dipengaruhi oleh writing-mode Pengaruh atribut：

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

Coba sendiri

Contoh 3: Gabungan atribut direction

Posisi garis pinggir awal dan akhir arah dalam bercetak tebal dipengaruhi oleh direction Pengaruh atribut：

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

Coba sendiri

Syntaks CSS

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

Nilai atribut

Nilai	Deskripsi
none	Nilai baku. Tentukan tanpa garis pinggir.
hidden	Sama seperti none, tetapi berbeda dalam resolusi konflik garis pinggir elemen tabel.
dotted	Tentukan garis titik
dashed	Tentukan garis pipa
solid	Tentukan garis garis
double	Tentukan garis ganda
groove	Tentukan garis lubang 3D Efek tergantung dari nilai border-color.
rigde	Tentukan garis loncat 3D Efek tergantung dari nilai border-color.
inset	Tentukan garis dalaman 3D Efek tergantung dari nilai border-color.
outset	Tentukan garis luar 3D Efek tergantung dari nilai border-color.
initial	Menetapkan atribut ini ke nilai baku. Lihat initial。
inherit	Mengambil atribut ini dari elemen induknya. Lihat inherit。

Detil teknis

Nilai baku：	none
Keretributan：	Tidak
Pembuatan animasi：	Tidak didukung. Lihat:Atribut berhubungan dengan animasi。
Versi：	CSS3
Syntaks JavaScript：	object.style.borderInlineStartStyle="dotted"