Properti border-inline-end-width CSS

Pengertian dan penggunaan

dan Lebar sempadan di titik akhir arah baris element pengaturan sifat.

Sama sangat, tetapi要使 dan 属性生效,必须设置 border-inline-end-style Untuk membuat

Sifat ini berkuat kuasa, mesti ditetapkan dan sifat. CSSPerhatian:sifat ini dengan sifat CSSPerhatian:border-bottom-width , border-left-width border-right-width dan border-top-width

Sama sangat, tetapiSifat ini bergantung kepada arah dalaman. Contoh 2: Gabungan sifat writing-modePerhatian:sifat-sifat yang berkaitan , Contoh 3: Gabungan sifat direction sifat CSS yang berkaitan dan Mendefinikan arah dalaman. Ini akan mempengaruhi posisi permulaan dan pengakhiran baris, serta

border-inline-end-width

Hasil sifat. Untuk halaman Inggeris, arah dalaman adalah dari kiri ke kanan, arah blok adalah ke bawah.

Contoh

direction
  Posisi garisan di pengakhiran arah dalaman dipengaruhi oleh
  div {
direction: rtl;

border-inline-end-width: 10px;

Contoh 1

Tetapkan lebar garisan di pengakhiran arah dalaman: Contoh 2: Gabungan sifat writing-mode Posisi garisan di permulaan dan pengakhiran arah dalaman dipengaruhi oleh

direction
  Posisi garisan di pengakhiran arah dalaman dipengaruhi oleh
  writing-mode
  border-inline-end-style: solid;
direction: rtl;

border-inline-end-width: 10px;

writing-mode: vertical-rl;

border-inline-end-width: 5px; Contoh 3: Gabungan sifat direction Posisi garisan di permulaan dan pengakhiran arah dalaman dipengaruhi oleh

direction
  Pengaruh sifat:
  div {
direction: rtl;

border-inline-end-width: 10px;

}

Cuba sendirilengthSyarat CSS

border-inline-end-width: medium|thin|thick|

|initial|inherit; Nilai sifat
medium Nilai
Deskripsi Tentukan garisan sedang. Lalai.
Tentukan garisan tipis. Tentukan garisan tebal.
length Memungkinkan anda menentukan ketebalan garisan. Lihat:Satuan CSS.
initial Tetapkan sifat ini kepada nilai lalai. Lihat: initial.
inherit Mewarisi sifat ini dari elemen bapanya. Lihat: inherit.

Perincian teknikal

Nilai lalai: medium
Keretributan: Tidak
Pembuatan animasi: Didukung. Lihat:Sifat berkaitan animasi.
Versi: CSS3
Syarat JavaScript: object.style.borderInlineEndWidth="10px"

Pematuhan pereka

Nombor di dalam tabel menunjukkan versi pereka paling awal yang menyokong sifat ini.

Chrome Edge Firefox Safari Opera
69.0 79.0 41.0 12.1 56.0

Halaman berkaitan

Panduan:bingkai CSS

Reference:Properti border CSS

Reference:Properti border-inline CSS

Reference:Properti border-inline-end-style CSS

Reference:CSS border-inline-start-width 属性

Reference:Properti border-bottom-width CSS

Reference:CSS border-left-width 属性

Reference:CSS border-right-width 属性

Reference:CSS border-top-width 属性

Reference:CSS direction 属性

Reference:sifat text-orientation CSS

Reference:sifat writing-mode CSS