Sifat border-block-end CSS

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

Definisi dan penggunaan

border-block-end Sifat adalah bentuk singkatan untuk sifat berikut:

CSS border-block-end sifat adalah bentuk singkatan untuk sifat berikut: border-bottom,border-left,border-right dan border-top Sifat yang sangat serupa, tetapi border-block-end Sifat ini bergantung kepada arah blok.

Perhatian:sifat CSS yang berhubungan writing-mode Mendefinikan arah blok. Ini akan mempengaruhi lokasi awal dan akhir blok serta border-block-end Hasil sifat. Untuk halaman Inggeris, arah baris adalah dari kiri ke kanan, arah blok adalah ke bawah.

Contoh

Contoh 1

Tetapkan lebar, warna dan gaya garisan bahu di ujung akhir arah blok:

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

Cuba sendiri

Contoh 2: Gabungan sifat writing-mode

Lokasi garisan bahu di ujung akhir arah blok diarankan oleh writing-mode Dampak sifat:

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

Cuba sendiri

Bentuk CSS

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

Nilai sifat

Nilai	Penerangan
border-block-end-width	Tentukan lebar garisan bahu di ujung akhir arah blok elemen. Nilai lalai adalah "medium".
border-block-end-style	Tentukan gaya garisan bahu di ujung akhir arah blok elemen. Nilai lalai adalah "none".
border-block-end-color	Tentukan warna garisan bahu di ujung akhir arah blok elemen. Nilai lalai adalah warna garisan bahu saat ini.
initial	Tetapkan sifat ini kepada nilai lalai. Lihat: initial.
inherit	Mewarisi sifat ini dari elemen induk. Lihat: inherit.

Butir teknikal

Nilai lalai:	medium none currentcolor
Warisan:	Tidak
Pembuatan animasi:	Disedarkan. Lihat:Sifat berhubungan dengan animasi.
Versi:	CSS3
Bentuk JavaScript:	object.style.borderBlockEnd="pink dotted 5px"