Atribut border-block-start-width CSS
- Halaman sebelumnya border-block-start-style
- Halaman berikutnya border-block-style
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; }
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; }
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
- Halaman sebelumnya border-block-start-style
- Halaman berikutnya border-block-style