Sifat border-inline-start-color CSS

halaman sebelumnya border-inline-start
Halaman berikutnya border-inline-start-style

定义和用法

border-inline-start-color 属性设置元素在其行内方向开始处的边框颜色。

Perhatian：要使 border-inline-start-color 属性生效，必须设置 border-inline-start-style 属性。

CSS border-inline-start-color 属性与 border-bottom-color、border-left-color、border-right-color dan border-top-color Atribut sangat mirip, tetapi border-inline-start-color Atribut ini tergantung pada arah 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-start-color Dampak atribut. Untuk halaman berbahasa Inggris, arah dalam adalah dari kiri ke kanan, dan arah blok adalah ke bawah.

Contoh

Contoh 1

Tetapkan warna garis sebelah dalam di awal arah dalam：

div {
  border-inline-start-style: solid;
  border-inline-start-color: pink;
}

Coba sendiri

Contoh 2

menggunakan atribut writing-mode

Posisi garis sebelah dalam di awal arah dalam di pengaruh writing-mode Dampak atribut：

div {
  border-inline-start-style: solid;
  writing-mode: vertical-rl;
  border-inline-start-color: 5px;
}

Coba sendiri

Contoh 3

menggunakan atribut direction

Posisi garis sebelah dalam di awal dan akhir arah dalam di pengaruh direction Dampak atribut：

div {
  direction: rtl;
  border-inline-start-color: hotpink;
}

Coba sendiri

Sintaksis CSS

border-inline-start-color: warna|transparent|initial|inherit;

Nilai atribut

Nilai	Deskripsi
warna	Tetapkan warna garis sebelah dalam. Default adalah warna saat ini elemen. Lihat：Nilai Warna CSS。
transparan	Tetapkan warna garis sebelah dalam untuk transparan.
initial	Tetapkan atribut ini ke nilai default. Lihat initial。
inherit	Mengambil atribut ini dari elemen induk. Lihat inherit。

Detil teknis

Nilai default：	Warna saat ini elemen
Inheritsi：	Tidak
Pembuatan animasi：	Dukungan. Lihat:Atribut berhubungan dengan animasi。
Versi：	CSS3
Sintaksis JavaScript：	object.style.borderInlineStartColor="pink"