属性 border-block-style CSS

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

definisi dan penggunaan

border-block-style sifat ini menetapkan gaya sempadan elemen dalam arah blok.

border-block-style nilai sifat ini dapat ditetapkan dengan berbagai cara:

jika border-block-style sifat ini mempunyai dua nilai:

border-block-style: dashed dotted;

gaya sempadan di mulai bagi blok adalah garis terbuka
gaya sempadan di tamat bagi blok adalah garis titik

jika border-block-style sifat ini mempunyai satu nilai:

border-block-style: dashed;

gaya sempadan di mulai dan tamat bagi blok adalah garis terbuka

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

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

Contoh

Contoh 1

Tetapkan gaya garisan arah blok:

#example1 {
  border-block-style: solid;
}
#example2 {
  border-block-style: dashed dotted;
}

Cuba sendiri

Contoh 2: Gabungan sifat writing-mode

Tempat garisan permukaan dan pengakhiran arah blok dihampiri oleh writing-mode Pengaruh sifat:

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

Cuba sendiri

Syarat CSS

border-block-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, kecuali dalam penyelesaian konflik garisan dalam elemen tabel.
dotted	Tentukan garisan titik.
dashed	Tentukan garisan gurun.
solid	Tentukan garisan bersatu.
double	Tentukan garisan ganda.
groove	Tentukan garisan keropok berdinding 3D. Efek tergantung daripada nilai border-color.
ridge	Tentukan garisan bulat berdinding 3D. Efek tergantung daripada nilai border-color.
inset	Tentukan garisan dalaman berdinding 3D. Efek tergantung daripada nilai border-color.
outset	Tentukan garisan luar berdinding 3D. Efek tergantung daripada nilai border-color.
initial	Tetapkan sifat ini ke 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:Atribut berhubungan dengan animasi.
Versi:	CSS3
Syarat Bahasa JavaScript:	object.style.borderBlockStyle="dotted"