Atribut border-inline-end CSS

Halaman sebelumnya border-inline-color
Halaman berikutnya border-inline-end-color

Definisi dan penggunaan

border-inline-end Properti adalah singkatan dari properti berikut:

border-inline-end-width(Lebar garis penutup dalam teks)
border-inline-end-style(Gaya garis penutup dalam teks)
border-inline-end-color(Warna garis penutup dalam teks)

CSS border-inline-end Properti yang sama dengan border-bottom、border-left、border-right dan border-top Properti sangat mirip, tetapi border-inline-end Properti tergantung pada arah dalam teks.

Perhatian:Properti CSS yang relevan writing-mode、text-orientation dan direction Definisi arah baris. Ini akan mempengaruhi posisi awal dan akhir baris, serta border-inline-end Hasil atribut. Untuk halaman berbahasa Inggris, arah baris adalah dari kiri ke kanan, dan arah blok adalah dari atas ke bawah.

Contoh

Contoh 1

Atur lebar, warna, dan gaya border di ujung arah baris:

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

Coba sendiri

Contoh 2: Gabungan atribut writing-mode

Posisi border di ujung arah baris dipengaruhi oleh writing-mode Pengaruh atribut:

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

Coba sendiri

Contoh 3: Gabungan atribut direction

Posisi border di ujung arah baris dipengaruhi oleh direction Pengaruh atribut:

div {
  direction: rtl;
  border-inline-end: 5px solid hotpink;
}

Coba sendiri

CSS Syntax

border-inline-end: border-inline-end-width border-inline-end-style border-inline-end-color|initial|inherit;

Nilai atribut

Nilai	Deskripsi
border-inline-end-width	Tentukan lebar border elemen di ujung arah baris. Nilai default adalah "medium".
border-inline-end-style	Tentukan gaya border elemen di ujung arah baris. Nilai default adalah "none".
border-inline-end-color	Tentukan warna border elemen di ujung arah baris. Nilai default adalah warna border saat ini.

Nilai

Deskripsi

border-inline-end-width

Tentukan lebar border elemen di ujung arah baris.

Nilai default adalah "medium".

border-inline-end-style

Tentukan gaya border elemen di ujung arah baris.

Nilai default adalah "none".

border-inline-end-color

Tentukan warna border elemen di ujung arah baris.

Nilai default adalah warna border saat ini.

Detil teknis

initial	Atur atribut ini ke nilai default. Lihat initial.
inherit	Mengambil atribut ini dari elemen orang tua. Lihat inherit.
Nilai default:	medium none currentcolor
Inheritsi:	Tidak
Pembuatan animasi:	Dukungan. Lihat:Atribut yang berhubungan dengan animasi.
Versi:	CSS3
语法 JavaScript:	object.style.borderInlineEnd="pink dotted 5px"