CSS border-inline-style 属性

Rekomendasi kuliah:

border-inline-style Definisi dan penggunaan

border-inline-style Properti ini menetapkan gaya garis bawah elemen dalam arah dalam.

Gaya garis bawah di akhir arah dalam adalah titik (dotted). border-inline-style Nilai properti ini dapat diatur dengan berbagai cara:

border-inline-style: solid dotted;

• Properti ini memiliki dua nilai:
• Gaya garis bawah di awal arah dalam adalah garis (solid).

Gaya garis bawah di akhir arah dalam adalah titik (dotted). border-inline-style Jika

border-inline-style: dotted;

• Properti ini memiliki satu nilai:

Gaya garis bawah CSS di awal dan akhir baris dalam arah dalam adalah titik (dotted). border-inline-style Properti ini sama seperti border-bottom-style、border-left-style、border-right-style dan border-top-style Properti yang sangat mirip, tetapi border-inline-style Properti ini tergantung pada arah dalam baris.

Perhatian:Properti CSS yang berhubungan writing-mode、text-orientation dan direction Menentukan arah dalam baris. Ini mempengaruhi posisi awal dan akhir baris, serta border-inline-style Hasil sifat. Untuk halaman Inggris, arah dalam baris dari kiri ke kanan, arah blok ke bawah.

实例

例子 1

设置行内方向上的边框样式：

#example1 {
  border-inline-style: solid;
}
#example2 {
  border-inline-style: dashed dotted;
}

亲自试一试

例子 2：结合 writing-mode 属性

行内方向开始和结束处的边框位置受 writing-mode 属性影响：

div {
  writing-mode: vertical-rl;
  border-inline-style: dotted;
}

亲自试一试

例子 3：结合 direction 属性

行内方向开始和结束处的边框位置受 direction 属性影响：

div {
  direction: rtl;
  border-inline-style: solid dotted;
}

亲自试一试

CSS 语法

border-inline-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

属性值

技术细节

浏览器支持

表格中的数字表示首个完全支持该属性的浏览器版本。

相关页面

教程：Pembatas CSS

参考：Sifat border CSS

参考：Sifat border-inline CSS

参考：CSS border-inline-style 属性

参考：Sifat border-bottom-style CSS

参考：CSS border-left-style 属性

参考：CSS border-right-style 属性

参考：CSS border-top-style 属性

参考：Sifat direction CSS

参考：属性 text-orientation CSS

参考：属性 writing-mode CSS