Atribut border-block-color CSS

Halaman sebelumnya border-block
Halaman berikutnya border-block-end

Definisi dan penggunaan

border-block-color Atur warna bata properti elemen di arah blok.

Perhatian:Untuk membuat border-block-color Properti harus diatur untuk berlaku border-block-style.

border-block-color Nilai properti dapat diatur dengan berbagai cara:

Jika border-block-color Properti memiliki dua nilai:

border-block-color: biru cerah;

Warna batas awal blok adalah biru
Warna batas akhir blok adalah biru cerah

Jika border-block-color Ada satu nilai:

border-block-color: biru cerah;

Warna batas awal dan akhir blok adalah biru

Atribut CSS border-block-color Atribut dengan border-bottom-color,border-left-color,border-right-color dan border-top-color Atribut yang hampir sama, tapi border-block-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-color Hasil atribut. Untuk halaman berbahasa Inggris, arah dalam adalah dari kiri ke kanan, arah blok adalah ke bawah.

Contoh

Contoh 1

Atur warna batas di arah blok:

#example1 {
  border-block-style: solid;
  border-block-color: biru cerah;
}
#example2 {
  border-block-style: solid;
  border-block-color: biru cerah;
}

Coba sendiri

Contoh 2: Gabungan atribut writing-mode

Lokasi awal dan akhir warna batas membedakan di arah blok dipengaruhi oleh atribut writing-mode:

div {
  writing-mode: vertical-rl;
  border-block-color: biru;
}

Coba sendiri

Sintaksis CSS

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

Nilai atribut

Nilai	Deskripsi
warna	Tentukan warna batas membedakan. Warna standar adalah warna saat ini elemen. Lihat nilai warna CSS untuk daftar lengkap nilai warna.
transparan	Warna batas membedakan harus 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 elemen
Inheritance:	Tidak
Produksi animasi:	Dukungan. Lihat:Atribut yang berhubungan dengan animasi.
Versi:	CSS3
Sintaksis JavaScript:	object.style.borderBlockColor="pink"