Properti border-inline-start-width CSS

Halaman sebelumnya border-inline-start-style
Halaman berikutnya border-inline-style

Definisi dan penggunaan

border-inline-start-width Lebar garis batas elemen pengaturan atribut di awal arah baris.

Perhatian:Untuk membuat border-inline-start-width Atribut berlaku, harus diatur border-inline-start-style CSS.

dengan properti border-inline-start-width properti border-bottom-width,border-left-width,border-right-width dan border-top-width Properti yang sangat mirip, tetapi border-inline-start-width Properti ini tergantung pada arah dalam teks.

Perhatian:properti CSS yang berhubungan writing-mode,text-orientation dan direction Mendefinisikan arah dalam teks. Ini mempengaruhi posisi awal dan akhir baris, serta border-inline-start-width Hasil properti. Untuk halaman berbahasa Inggris, arah dalam teks adalah dari kiri ke kanan, dan arah blok adalah ke bawah.

Contoh

Contoh 1

Atur lebar garis batas di awal arah dalam teks:

div {
  border-inline-start-style: solid;
  border-inline-start-width: 10px;
}

Coba sendiri

Contoh 2: Gabungan properti writing-mode

Posisi garis batas di awal arah dalam teks dipengaruhi oleh writing-mode Dampak properti:

div {
  border-inline-start-style: solid;
  writing-mode: vertical-rl;
  border-inline-start-width: 5px;
}

Coba sendiri

Contoh 3: Gabungan properti direction

Posisi garis batas di awal dan akhir arah dalam teks dipengaruhi oleh direction Dampak properti:

div {
  direction: rtl;
  border-inline-start-width: 10px;
}

Coba sendiri

Grammar CSS

border-inline-start-width: medium|thin|thick|length|initial|inherit;

Nilai properti

Nilai	Deskripsi
medium	Tentukan garis batas menengah. Nilai standar.
thin	Tentukan garis batas tipis.
thick	Tentukan garis batas tebal.
length	Memungkinkan Anda mendefinisikan tebal garis batas. Lihat:Satuan CSS.
initial	Atur properti ini ke nilai standarnya. Lihat: initial.
inherit	Mengambil properti ini dari elemen induknya. Lihat: inherit.

Detil teknis

Nilai standar:	medium
Inheritance:	Tidak
Pembuatan animasi:	Didukung. Lihat:Properti yang berhubungan dengan animasi.
Versi:	CSS3
Grammar JavaScript:	object.style.borderInlineStartWidth="10px"