Properti border-block-start CSS

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

Definisi dan penggunaan

border-block-start Atribut adalah singkatan dari berikut ini:

CSS border-block-start Atribut dengan border-bottom、border-left、border-right dan border-top Atribut yang sangat mirip, tetapi border-block-start 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 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 awal arah blok：

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

Coba sendiri

Contoh 2: Gabungan atribut writing-mode

Posisi border di awal arah blok dipengaruhi oleh writing-mode Pengaruh atribut：

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

Coba sendiri

Syntaxa CSS

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

Nilai atribut

Nilai	Deskripsi
border-block-start-width	Tentukan lebar border elemen di awal arah blok. Nilai standar adalah medium.
border-block-start-style	Tentukan gaya border elemen di awal arah blok. Nilai standar adalah none.
border-block-start-color	Tentukan warna border elemen di awal arah blok. 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
Syntaxa JavaScript：	object.style.borderBlockStart="pink dotted 5px"