Sifat border-inline-end-color CSS

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

定义和用法

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

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

CSS border-inline-end-color Atribut dengan border-bottom-color、border-left-color、border-right-color dan border-top-color Atribut sangat mirip, tetapi border-inline-end-color Atribut ini tergantung pada arah dalam.

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

Contoh

Contoh 1

Atur warna garis pinggiran akhir arah dalam：

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

Coba sendiri

Contoh 2: Gabungan atribut writing-mode

Lokasi garis pinggiran akhir arah dalam berada di bawah pengaruh writing-mode Dampak atribut：

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

Coba sendiri

Contoh 3: Gabungan atribut direction

Lokasi garis pinggiran akhir arah dalam berada di bawah pengaruh direction Dampak atribut：

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

Coba sendiri

Syarat CSS

border-inline-end-color: color|transparent|initial|inherit;

Nilai atribut

Nilai	Deskripsi
color	Tentukan warna garis pinggiran. Standar adalah warna saat ini dari elemen. Lihat：Nilai warna CSS。
transparent	Tentukan warna garis pinggiran haruslah transparan.
initial	Atur atribut ini ke nilai standarnya. Lihat initial。
inherit	Mengambil atribut ini dari elemen induknya. Lihat inherit。

Detil teknis

Nilai standar：	Warna saat ini dari elemen
Inheritsi：	Tidak
Pembuatan animasi：	Dukungan. Lihat:Atribut berhubungan dengan animasi。
Versi：	CSS3
Syarat JavaScript：	object.style.borderInlineEndColor="pink"