Atribut border-block-width CSS

Halaman sebelumnya border-block-style
Halaman berikutnya border-bottom

Definisi dan penggunaan

border-block-width Lebar garis batas elemen pengaturan properti di arah blok.

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

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

Jika border-block-width Properti memiliki dua nilai:

border-block-width: 10px 50px;

Lebar garis batas di awal blok adalah 10px
Lebar garis batas di akhir blok adalah 50px

Jika border-block-width Atribut ini memiliki satu nilai:

border-block-width: 10px;

Lebar garis batas di awal dan akhir blok adalah 10px

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

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

Contoh

Contoh 1

Atur lebar garis batas di arah blok:

#example1 {
  border-block-style: solid;
  border-block-width: 10px;
}
#example2 {
  border-block-style: solid;
  border-block-width: thin thick;
}

Coba sendiri

Contoh 2: Gabungan atribut writing-mode

Garis batas di awal dan akhir arah blok terpengaruh writing-mode Dampak atribut:

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

Coba sendiri

Syntaks CSS

border-block-width: medium|thin|thick|length|initial|inherit;

Nilai atribut

Nilai	Deskripsi
medium	Tentukan garis batas menengah. Nilai standar.
thin	Tentukan garis batas tipis.
thick	Tentukan garis batas tebal.
length	Memungkinkan Anda mendefinisikan tebal garis batas. Lihat:Satuan CSS.
initial	Atur atribut ini ke nilai standarnya. Lihat initial.
inherit	Mengambil atribut ini dari elemen induknya. Lihat inherit.

Detil teknis

Nilai standar:	medium
Inheritance:	Tidak
Produksi animasi:	Dukungan. Lihat:Atribut berhubungan dengan animasi.
Versi:	CSS3
Syntaks JavaScript:	object.style.borderBlockWidth="3px 10px"