Atribut border-block-start-style CSS

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

Definisi dan penggunaan

border-block-start-style Properti ini digunakan untuk menetapkan gaya garis bawah elemen di permulaan arah blok.

CSS border-block-start-style properti dan properti CSS border-bottom-style、border-left-style、border-right-style dan border-top-style Sama seperti, namun border-block-start-style Atribut ini bergantung pada arah blok.

Perhatian:atribut CSS yang berhubungan writing-mode Menentukan arah blok. Ini akan mempengaruhi posisi awal dan akhir blok serta border-block-start-style Hasil atribut. Untuk halaman berbahasa Inggris, arah dalam adalah dari kiri ke kanan, arah blok adalah ke bawah.

Contoh

Contoh 1

Atur gaya untuk awal arah blok:

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

Coba sendiri

Contoh 2: Gabungan atribut writing-mode

Posisi gaya garis di awal arah blok diarankan oleh writing-mode Dampak atribut:

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

Coba sendiri

Syntaks CSS

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

Nilai atribut

Nilai	Deskripsi
none	Nilai standar. Tentukan tanpa garis.
hidden	Sama seperti "none", tetapi berbeda dalam resolusi konflik garis tabel.
dotted	Tentukan garis titik.
dashed	Tentukan garis ganda.
solid	Tentukan garis garis tegak.
double	Tentukan garis garis ganda.
groove	Tentukan garis kerusakan 3D. Efek tergantung dari nilai border-color.
ridge	Tentukan garis lonceng 3D. Efek tergantung dari nilai border-color.
inset	Tentukan garis dalam 3D yang menonjol. Efek tergantung dari nilai border-color.
outset	Tentukan garis luar 3D yang menonjol. Efek tergantung dari nilai border-color.
initial	Atur atribut ini ke nilai standarnya. Lihat initial.
inherit	Mengambil atribut ini dari elemen orang tua. Lihat inherit.

Detil teknis

Nilai standar:	none
Keteraturan turunan:	Tidak
Pembuatan animasi:	Tidak didukung. Lihat:Atribut berhubungan dengan animasi.
Versi:	CSS3
Syntaks JavaScript:	object.style.borderBlockStartStyle="dotted"