Sifat 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 garis border di ujung arah blok elemen.

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

Atribut border-block-end-color CSS dengan atribut border-bottom-width,border-left-width,border-right-width dan border-top-width Sama sangat, tetapi border-block-end-color Atribut 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 dalam baris adalah dari kiri ke kanan, arah blok adalah ke bawah.

Contoh

Contoh 1

Atur warna garis border di ujung arah blok:

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

Coba sendiri

Contoh 2: Gabungan atribut writing-mode

Lokasi warna garis border di ujung arah blok di pengaruh writing-mode Pengaruh atribut：

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

Coba sendiri

Syntaxa CSS

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

Nilai atribut

Nilai	Deskripsi
color	Tentukan warna garis border. Default adalah warna elemen saat ini. Lihat:Nilai Warna CSS。
transparent	Tentukan warna garis border harus transparen.
initial	Atur atribut ini ke nilai default. Lihat initial。
inherit	Mengambil atribut ini dari elemen induknya. Lihat inherit。

Detil teknis

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