Atribut border-block-end-width CSS

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

Definisi dan penggunaan

border-block-end-width Atribut menetapkan lebar border elemen di ujung arah blok.

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

CSS border-block-end-width Atribut dengan border-bottom-width,border-left-width,border-right-width dan border-top-width Atribut ini sangat mirip, tetapi border-block-end-width Atribut ini bergantung pada arah blok.

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

Contoh

Contoh 1

Atur lebar border ujung arah blok:

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

Coba sendiri

Contoh 2: Dengan atribut writing-mode

Lokasi garis border ujung arah blok terpengaruh oleh writing-mode Dampak atribut:

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

Coba sendiri

Syntaks CSS

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

Nilai atribut

Nilai	Deskripsi
medium	Tentukan garis border dengan lebar menengah. Nilai default.
Tipis	Tentukan border tipis.
Tebal	Tentukan border tebal.
length	Memungkinkan Anda mendefinisikan tebal garis border. Lihat:Satuan CSS.
initial	Atur atribut ini ke nilai default. Lihat initial.
inherit	Mengambil atribut ini dari elemen orangtua. Lihat inherit.

Detil teknis

Nilai default:	medium
Inheritance:	Tidak
Pembuatan animasi:	Didukung. Lihat:Atribut yang berhubungan dengan animasi.
Versi:	CSS3
Syntaks JavaScript:	object.style.borderBlockEndWidth="10px"