Atribut border-inline-end-color CSS

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

Definisi dan penggunaan

border-inline-end-color Atribut setting warna border di ujung arah baris elemen.

Perhatian:Untuk membuat border-inline-end-color Atribut harus diatur untuk berlaku border-inline-end-style Atribut.

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

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

Contoh

Contoh 1

Atur warna garis bawah ujung dalam arah dalam:

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

Coba sendiri

Contoh 2: Gabungan atribut writing-mode

Posisi garis bawah ujung dalam arah dalam teks terpengaruh oleh 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

Posisi garis bawah ujung dalam arah dalam teks terpengaruh oleh direction Dampak atribut:

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

Coba sendiri

Syntaks CSS

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

Nilai atribut

Nilai	Deskripsi
color	Tentukan warna garis bawah. Standar adalah warna saat ini dari elemen. Lihat:Nilai Warna CSS.
transparent	Tentukan warna garis bawah untuk 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 yang berhubungan dengan animasi.
Versi:	CSS3
Syntaks JavaScript:	object.style.borderInlineEndColor="pink"