Properti border-inline-start-color CSS

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

definisi dan penggunaan

border-inline-start-color aturan warna pinggir mulai dari tempat awal elemen di arah barisnya.

Perhatian：supaya border-inline-start-color aturan berlaku, harus diatur border-inline-start-style aturan.

CSS border-inline-start-color aturan dengan warna pinggir bawah、warna pinggir kiri、warna pinggir kanan dan border-top-color Atribut sangat mirip, tetapi border-inline-start-color Atribut ini tergantung pada arah dalam teks.

Perhatian：atribut CSS yang berhubungan writing-mode、text-orientation dan direction Mendefinisikan arah dalam teks. Ini akan mempengaruhi posisi awal dan akhir baris, serta border-inline-start-color Dampak atribut. Untuk halaman berbahasa Inggris, arah dalam teks adalah dari kiri ke kanan, dan arah blok adalah ke bawah.

Contoh

Contoh 1

Atur warna batas di awal arah dalam teks：

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

Coba sendiri

Contoh 2

dengan penggunaan atribut writing-mode

Posisi batas di awal arah dalam teks terpengaruh writing-mode Dampak atribut：

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

Coba sendiri

Contoh 3

dengan penggunaan atribut direction

Posisi batas di awal dan akhir arah dalam teks terpengaruh 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	Atur warna batas jaringan. Default adalah warna saat ini dari elemen. Lihat：Nilai Warna CSS。
transparan	Atur warna batas jaringan menjadi transparan.
initial	Atur atribut ini ke nilai default. Lihat initial。
inherit	Mengambil atribut ini dari elemen orang tua. Lihat inherit。

Detil teknis

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