属性 na'assa CSS border-block-style
定义和用法
関連するCSS属性
属性设置元素在块方向上的边框样式。
関連するCSS属性
属性的值可以通过不同方式设置:
如果 関連するCSS属性
属性有两个值:
border-block-style: solid;
- 块起始处的边框样式为虚线
- 块结束处的边框样式为点线
如果 関連するCSS属性
属性有一个值:
border-block-style: dashed;
- 块起始处和结束处的边框样式均为虚线
CSS 関連するCSS属性
属性与 CSS 属性 border-bottom-style
、border-left-style
、border-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;
#example2 {
border-block-style: dashed dotted; 例2:writing-mode属性の組み合わせ
ブロック方向の始まりと終わりの境界線スタイルの位置は、
writing-mode 属性の影響: div { writing-mode: vertical-rl;
}
自分で試してみてください
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-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