属性 na'assa CSS border-block-style

定义和用法

関連するCSS属性 属性设置元素在块方向上的边框样式。

関連するCSS属性 属性的值可以通过不同方式设置:

如果 関連するCSS属性 属性有两个值:

border-block-style: solid;
  • 块起始处的边框样式为虚线
  • 块结束处的边框样式为点线

如果 関連するCSS属性 属性有一个值:

border-block-style: dashed;
  • 块起始处和结束处的边框样式均为虚线

CSS 関連するCSS属性 属性与 CSS 属性 border-bottom-styleborder-left-styleborder-right-style da border-top-style 非常相似,但 関連するCSS属性 属性依赖于块方向。

非常に似ていますが、属性はブロック方向に依存しています。 例2:writing-mode属性の組み合わせ 注意: 関連するCSS属性 ブロック方向を定義します。これにより、ブロックの始まりと終わりの位置、および

border-block-style

属性の結果。英語ページでは、インライン方向は左から右、ブロック方向は下向きです。

インスタンス

例1
  ブロック方向の境界線スタイルを設定します:
writing-mode: vertical-rl;
#example1 {
  border-block-style: solid;
writing-mode: vertical-rl;

border-block-style: dotted;

#example2 {

border-block-style: dashed dotted; 例2:writing-mode属性の組み合わせ ブロック方向の始まりと終わりの境界線スタイルの位置は、

writing-mode
  属性の影響:
  div {
writing-mode: vertical-rl;

border-block-style: dotted;

}

自分で試してみてください

CSS 文法

border-block-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.borderBlockStyle="dotted"

ブラウザのサポート

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

クローム エッジ ファイアフォックス サファリ オペラ
87.0 87.0 66.0 14.1 73.0

関連ページ

タイトル:CSS Ƙabara

参考:属性 na'assa CSS border

参考:属性 na'assa CSS border-block

参考:属性 na'assa CSS border-block-end-style

参考:属性 na'assa CSS border-block-start-style

参考:属性 na'assa CSS border-bottom-style

参考:Hausa: CSS border-left-style attribute

参考:Hausa: CSS border-right-style attribute

参考:Hausa: CSS border-top-style attribute

参考:属性 writing-mode CSS