Atribut border-block-end CSS

Halaman sebelumnya border-block-color
Halaman berikutnya border-block-end-color

Definisi dan penggunaan

border-block-end Atribut adalah bentuk singkat dari berikutnya:

CSS border-block-end atribut adalah bentuk singkat dari atribut berikut: border-bottom,border-left,border-right dan border-top Atribut yang sangat mirip, tapi border-block-end 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-end Hasil atribut. Untuk halaman berbahasa Inggris, arah dalam adalah dari kiri ke kanan, arah blok adalah ke bawah.

Contoh

Contoh 1

Atur lebar, warna, dan gaya border di ujung akhir arah blok:

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

Coba sendiri

Contoh 2: Gabungan atribut writing-mode

Posisi border di ujung akhir arah blok di pengaruh writing-mode Pengaruh atribut:

div {
  writing-mode: vertical-rl;
  border-block-end: dotted blue;
}

Coba sendiri

Syntaks CSS

border-block-end: border-block-end-width border-block-end-style border-block-end-color|initial|inherit;

Nilai atribut

Nilai	Deskripsi
border-block-end-width	Tentukan lebar border di ujung akhir arah blok elemen. Nilai standar adalah "medium".
border-block-end-style	Tentukan gaya border di ujung akhir arah blok elemen. Nilai standar adalah "none".
border-block-end-color	Tentukan warna border di ujung akhir arah blok elemen. Nilai standar adalah warna border saat ini.
initial	Atur atribut ini ke nilai standarnya. Lihat: initial.
inherit	Mengambil atribut ini dari elemen induknya. Lihat: inherit.

Detil teknis

Nilai standar:	medium none currentcolor
Inheritance:	Tidak
Pembuatan animasi:	Didukung. Lihat:Atribut yang berhubungan dengan animasi.
Versi:	CSS3
Syntaks JavaScript:	object.style.borderBlockEnd="pink dotted 5px"