属性 border-inline-end CSS

定义和用法

border-inline-end 属性是以下属性的简写：

• border-inline-end-width（行内结束边框宽度）
• border-inline-end-style（行内结束边框样式）
• border-inline-end-color（行内结束边框颜色）

CSS 的 border-inline-end 属性与 border-bottom、border-left、border-right dan border-top 属性非常相似，但 border-inline-end 属性依赖于行内方向。

注意：属性相关的 CSS writing-mode、text-orientation dan direction Mendefinikan arah baris. Ini akan mempengaruhi lokasi awal dan akhir baris, serta border-inline-end Hasil atribut. Untuk halaman Inggeris, arah baris adalah dari kiri ke kanan, arah blok adalah dari atas ke bawah.

Contoh

Contoh 1

Tetapkan lebar, warna dan gaya garisan di penghujung arah baris dalam arah baris dalam:

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

Cuba sendiri

Contoh 2: Gabungkan atribut writing-mode

Pemilihan lokasi garisan di penghujung arah baris diarankan oleh writing-mode Dampak atribut:

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

Cuba sendiri

Contoh 3: Gabungkan atribut direction

Pemilihan lokasi garisan di penghujung arah baris diarankan oleh direction Dampak atribut:

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

Cuba sendiri

Syarat CSS

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

Nilai atribut

Detil teknikal

Detil teknikal

Dukungan pereka

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

Halaman berkaitan

TutoriBatas CSS

Reference:属性 border CSS

Reference:属性 border-inline CSS

Reference:属性 border-inline-end-style CSS

Reference:属性 border-inline-end-color CSS

Reference:属性 border-bottom-color CSS

Reference:Sifat border-left-color CSS

Reference:Sifat border-right-color CSS

Reference:Sifat border-top-color CSS

Reference:Sifat direction CSS

Reference:Sifat text-orientation CSS

Reference:Sifat writing-mode CSS