Atribut border-inline-width CSS

Halaman sebelumnya border-inline-style
Halaman berikutnya border-left

定义和用法

border-inline-width 属性设置元素在行内方向上的边框宽度。

Perhatian:要使 border-inline-width 属性生效，必须设置 border-inline-style.

border-inline-width 属性的值可以通过不同方式设置：

如果 border-inline-width 属性有两个值：

border-inline-width: 10px 50px;

行内开始处的边框宽度为 10px
行内结束处的边框宽度为 50px

如果 border-inline-width 属性有一个值：

border-inline-width: 10px;

行内开始和结束处的边框宽度均为 10px

CSS border-inline-width 属性与 CSS 属性 border-bottom-width,border-left-width,border-right-width dan border-top-width Sama seperti, tetapi border-inline-width Atribut ini tergantung pada arah dalam teks.

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

Contoh

Contoh 1

Atur lebar garis untuk arah dalam teks:

#example1 {
  border-inline-style: solid;
  border-inline-width: 10px;
}
#example2 {
  border-inline-style: dashed;
  border-inline-width: thin thick;
}

Coba sendiri

Contoh 2: Kombinasi atribut writing-mode

Posisi garis di awal dan akhir arah dalam teks terpengaruh writing-mode Dampak atribut:

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

Coba sendiri

Contoh 3: Kombinasi atribut direction

Posisi garis di awal dan akhir arah dalam teks terpengaruh direction Dampak atribut:

div {
  direction: rtl;
  border-inline-width: 5px 15px;
}

Coba sendiri

Syntaks CSS

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

Nilai atribut

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

Detil teknis

Nilai default:	medium
Inheritance:	Tidak
Pembuatan animasi:	Didukung. Lihat:Atribut berhubungan dengan animasi.
Versi:	CSS3
Syntaks JavaScript:	object.style.borderInlineWidth="3px 10px"