Atribut border-block-start-width CSS

Definisi dan penggunaan

border-block-start-width Atribut menentukan lebar garis batas elemen di awal arah blok.

Perhatian:Untuk membuat border-block-start-width Atribut berlaku, harus diatur border-block-start-style Atribut.

CSS border-block-start-width Atribut dengan atribut CSS border-bottom-width,border-left-width,border-right-width dan border-top-width Sama seperti, tetapi border-block-start-width 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-width Hasil atribut. Untuk halaman berbahasa Inggris, arah dalam baris adalah dari kiri ke kanan, dan arah blok adalah ke bawah.

Contoh

Contoh 1

Atur lebar garis batas awal arah blok:

div {
  border-block-start-style: solid;
  border-block-start-width: 10px;
}

Coba sendiri

Contoh 2: Gabungan atribut writing-mode

Posisi garis batas awal arah blok dipengaruhi oleh writing-mode Impak atribut:

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

Coba sendiri

Syntaxa CSS

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

Nilai atribut

Nilai Deskripsi
medium Tentukan garis batas dengan lebar menengah. Nilai standar.
Tipis Tentukan garis batas tipis.
Tebal Tentukan garis batas tebal.
length Memungkinkan Anda mendefinisikan ketebalan garis batas. Juga 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
Inheritsi: Tidak
Produksi animasi: Dukungan. Lihat:Atribut yang berhubungan dengan animasi.
Versi: CSS3
Syntaxa JavaScript: object.style.borderBlockStartWidth="10px"

Dukungan peramban

Angka di tabel menunjukkan versi peramban yang sepenuhnya mendukung atribut ini.

Chrome Edge Firefox Safari Opera
69.0 79.0 41.0 12.1 56.0

Halaman yang relevan

Tutoriale:Garis batas CSS

Referensi:Atribut border CSS

Referensi:Atribut border-block CSS

Referensi:Atribut border-block-width CSS

Referensi:Atribut border-block-end-width CSS

Referensi:Atribut border-bottom-width CSS

Referensi:Properti border-left-width CSS

Referensi:Properti border-right-width CSS

Referensi:Properti border-top-width CSS

Referensi:Atribut writing-mode CSS