Properti border-inline-end-width CSS

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

Definisi dan penggunaan

border-inline-end-width Lebar garis batas elemen pengaturan properti di ujung arah baris.

Perhatian:Untuk membuat border-inline-end-width Atribut ini berlaku, harus diatur border-inline-end-style Atribut.

CSS border-inline-end-width Atribut yang berhubungan dengan atribut CSS border-bottom-width,border-left-width,border-right-width dan border-top-width Sama seperti, namun border-inline-end-width Atribut ini tergantung pada arah dalam.

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

Contoh

Contoh 1

Atur lebar garis batas di akhir arah dalam:

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

Coba sendiri

Contoh 2: Gabungan atribut writing-mode

Posisi garis batas di akhir arah dalam dipengaruhi oleh writing-mode Dampak atribut:

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

Coba sendiri

Contoh 3: Gabungan atribut direction

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

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

Coba sendiri

Bentuk Bahasa CSS

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

Nilai atribut

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

Detil teknis

Nilai standar:	medium
Inheritsi:	Tidak
Pembuatan animasi:	Dukungan. Lihat:Atribut yang berhubungan dengan animasi.
Versi:	CSS3
Bentuk Bahasa JavaScript:	object.style.borderInlineEndWidth="10px"