CSS ボーダインラインエンドスタイル属性

定義と使用法

と 属性設定により、要素の行内方向末尾の枠線のスタイルを設定します。

CSSの と 属性は border-bottom-style注意：border-left-style注意：border-right-style 、 border-top-style 属性は非常に似ていますが、 と 属性は行内方向に依存しています。

注意：相关的 CSS 属性 例子 2：writing-mode 属性との組み合わせ注意：関連する CSS 属性 、 例子 3：direction 属性との組み合わせ text-orientation と 行内方向を定義します。これは一行の始端と終端の位置、および

实例

direction
  div {
direction: rtl;

为行内方向末端的边框设置样式： 例子 2：writing-mode 属性との組み合わせ 行内方向の始端と終端の枠線の位置は

direction
  行内方向の終端の枠線の位置は
  div {
direction: rtl;

writing-mode: vertical-rl; 例子 3：direction 属性との組み合わせ 行内方向の始端と終端の枠線の位置は

direction
  属性の影響：
  div {
direction: rtl;

自分で試してみる

border-inline-end-style: none\|hidden\|dotted\|dashed\|solid\|double\|groove\|ridge\|inset\|outset\|initial\|inherit;	属性値
none	値
説明	デフォルト値。枠線を指定しません。
hidden	noneと同様ですが、テーブル要素の枠線の競合解決では異なります。
dashed	破線枠を指定します。
solid	索線枠を指定します。
double	ダブルライン枠を指定します。
groove	3D 凹枠を指定します。効果は border-color の値に依存します。
ridge	3D 凸枠を指定します。効果は border-color の値に依存します。
inset	3D 内嵌枠を指定します。効果は border-color の値に依存します。
outset	3D 外凸枠を指定します。効果は border-color の値に依存します。
initial	この属性をデフォルト値に設定します。参照 initial。
inherit	親要素からこの属性を継承します。参照 inherit。

デフォルト値：	none
継承性：	いいえ
アニメーション作成：	サポートしていません。参照してください：アニメーション関連属性。
バージョン：	CSS3
JavaScript 语法：	object.style.borderInlineEndStyle="dotted"

テーブルの数字は、この属性を完全にサポートする最初のブラウザのバージョンを示しています。

クローム	エッジ	ファイアフォックス	サファリ	オペラ
69.0	79.0	41.0	12.1	56.0