Properti border-block-start-color CSS

Halaman sebelumnya border-block-start
Halaman berikutnya border-block-start-style

Definisi dan penggunaan

border-block-start-color atur warna border elemen di awal arah blok.

Perhatian:Untuk membuat border-block-start-color Atribut ini berlaku, harus diatur border-block-start-style atribut.

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

Perhatian:atribut CSS yang berhubungan writing-mode Mendefinisikan arah blok. Ini akan mempengaruhi posisi awal dan akhir blok, serta border-block-start-color Hasil atribut. Untuk halaman berbahasa Inggris, arah dalam adalah dari kiri ke kanan, arah blok adalah ke bawah.

Contoh

Contoh 1

Atur warna border di awal arah blok:

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

Coba sendiri

Contoh 2: Gabungan atribut writing-mode

Posisi warna border di awal arah blok dipengaruhi oleh writing-mode Pengaruh atribut:

div {
  border-block-start-style: solid;
  writing-mode: vertical-rl;
  border-block-start-color: blue;
}

Coba sendiri

Sintaksis CSS

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

Nilai atribut

Nilai	Deskripsi
color	Tentukan warna border. Standar adalah warna saat ini dari elemen. Lihat:Nilai Warna CSS.
transparent	Tentukan warna border menjadi transparan.
initial	Setel 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
Pembuatan animasi:	Dukungan. Lihat:Atribut berhubungan dengan animasi.
Versi:	CSS3
Sintaksis JavaScript:	object.style.borderBlockStartColor="pink"