Sifat border-block-start-style CSS

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

definisi dan penggunaan

border-block-start-style sifat digunakan untuk tetapkan gaya sempadan bagi elemen di permulaan arah blok.

CSS border-block-start-style sifat dengan CSS sifat border-bottom-style、border-left-style、border-right-style dan border-top-style Sama sangat, tetapi border-block-start-style Sifat bergantung kepada arah blok.

Perhatian:sifat CSS berkenaan writing-mode Mendefinikan arah blok. Ini akan mempengaruhi lokasi permulaan dan pengakhiran blok serta border-block-start-style Hasil sifat. Untuk halaman bahasa Inggeris, arah dalam adalah dari kiri ke kanan, arah blok adalah ke bawah.

Contoh

Contoh 1

Tetapkan gaya untuk permulaan arah blok:

div {
  border-block-start-style: dotted;
}

Cuba sendiri

Contoh 2: Gabungan sifat writing-mode

Lokasi gaya garisan permulaan arah blok dihampiri oleh writing-mode Kesan sifat:

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

Cuba sendiri

Bentuk Bahasa CSS

border-block-start-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Nilai sifat

Nilai	Penerangan
none	Nilai lalai. Tentukan tanpa garisan.
hidden	Sama seperti "none", tetapi berbeza dalam penyelesaian konflik garisan luar elemen tabel.
dotted	Tentukan garisan garisan titik.
dashed	Tentukan garisan garisan lembut.
solid	Tentukan garisan garisan tebal.
double	Tentukan garisan garisan ganda.
groove	Tentukan garisan gurun 3D. Kesan tergantung daripada nilai border-color.
ridge	Tentukan garisan bulat 3D. Kesan tergantung daripada nilai border-color.
inset	Tentukan garisan dalaman 3D. Kesan tergantung daripada nilai border-color.
outset	Tentukan garisan luar bulat 3D. Kesan tergantung daripada nilai border-color.
initial	Tetapkan sifat ini kepada nilai lalai. Lihat initial。
inherit	Mewarisi sifat ini dari elemen bapanya. Lihat inherit。

Butir teknologi

Nilai lalai:	none
Warisan:	Tidak
Pembuatan animasi：	Tidak disokong. Lihat:Sifat berhubungan dengan animasi。
Versi：	CSS3
Bentuk Bahasa JavaScript：	object.style.borderBlockStartStyle="dotted"