Atribut border-block-end-color CSS

halaman sebelumnya border-block-end
Halaman berikutnya border-block-end-style

Definisi dan penggunaan

border-block-end-color Atribut digunakan untuk menetapkan warna border di ujung arah blok elemen.

Perhatian：Untuk membuat border-block-end-color Atribut harus diatur untuk berlaku, border-block-end-style Atribut.

Atribut CSS border-block-end-color dengan atribut CSS border-bottom-width、border-left-width、border-right-width dan border-top-width Sama seperti, namun border-block-end-color Atribut ini tergantung pada arah blok.

Perhatian：Atribut CSS yang berhubungan writing-mode Mendefinisikan arah blok. Ini akan mempengaruhi lokasi awal dan akhir blok serta border-block-end-color Hasil atribut. Untuk halaman berbahasa Inggris, arah in-line adalah dari kiri ke kanan, arah blok adalah ke bawah.

Contoh

Contoh 1

Atur warna border di ujung arah blok:

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

Coba sendiri

Contoh 2: Gabungan atribut writing-mode

Posisi warna border di ujung arah blok terpengaruh oleh writing-mode Dampak atribut：

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

Coba sendiri

Syntax CSS

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

Nilai atribut

Nilai	Deskripsi
color	Tentukan warna border. Standar adalah warna elemen saat ini. Lihat：Nilai Warna CSS。
transparan	Tentukan warna border harus transparan.
initial	Setel atribut ini ke nilai standarnya. Lihat initial。
inherit	Mengambil atribut ini dari elemen induknya. Lihat inherit。

Detil teknis

Nilai standar：	Warna elemen saat ini
Inheritance：	Tidak
Produksi animasi：	Dukungan. Lihat:Atribut animasi。
Versi：	CSS3
Syntax JavaScript：	object.style.borderBlockEndColor="pink"