Atribut border-inline-color CSS

Halaman sebelumnya border-inline
Halaman berikutnya border-inline-end

定义和用法

border-inline-color 属性设置元素在行内方向上的边框颜色。

Perhatian:要使 border-inline-color 属性生效，必须设置 border-inline-style.

border-inline-color 属性的值可以通过不同方式设置：

如果 border-inline-color 属性有两个值：

border-inline-color: pink blue;

行内起始处的边框颜色为粉色
行内结束处的边框颜色为蓝色

如果 border-inline-color 属性有一个值：

border-inline-color: biru;

行内起始处和结束处的边框颜色均为蓝色

CSS 的 border-inline-color 属性与 border-bottom-color,border-left-color,border-right-color dan border-top-color Atribut yang sangat mirip, tetapi border-inline-color Atribut ini tergantung pada arah dalam baris.

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

Contoh

Contoh 1

Atur warna garis border untuk arah dalam baris:

#example1 {
  border-inline-style: solid;
  border-inline-color: merah muda;
}
#example2 {
  border-inline-style: solid;
  border-inline-color: merah muda biru;
}

Coba sendiri

Contoh 2: Gabungan atribut writing-mode

Garis border di awal dan akhir arah dalam baris dipengaruhi oleh writing-mode Pengaruh atribut:

div {
  border-inline-style: solid;
  writing-mode: vertical-rl;
  border-inline-color: biru;
}

Coba sendiri

Contoh 3: Gabungan atribut direction

Garis border di awal dan akhir arah dalam baris dipengaruhi oleh direction Pengaruh atribut:

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

Coba sendiri

Sintaks CSS

border-inline-color: warna|transparan|initial|inherit;

Nilai atribut

Nilai	Deskripsi
warna	Tentukan warna garis border. Warna standar adalah warna saat ini dari elemen. Lihat nilai warna CSS untuk daftar lengkap nilai warna yang mungkin.
transparan	Tentukan warna garis border harus transparan.
initial	Atur atribut ini ke nilai standarnya. Lihat: initial.
inherit	Mengambil atribut ini dari elemen induk. Lihat: inherit.

Detil teknis

Nilai standar:	Warna saat ini dari elemen
Inheritance:	Tidak
Produksi animasi:	Dukungan. Lihat:Atribut berhubungan dengan animasi.
Versi:	CSS3
Sintaks JavaScript:	object.style.borderInlineColor="pink"