Hisia hisiki ya CSS border-block-style

mifano na matumizi

border-block-style masharti huzingatia stili ya kifungu cha kina cha kifungu kwenye ukurasa wa kina cha kifungu.

border-block-style thamani ya masharti inaweza kuingizwa kwenye sababu mbalimbali:

kama border-block-style masharti ina thamani mbili:

border-block-style: dashed dotted;
  • stili ya kifungu cha kichwani cha kina cha kifungu ni kifupi
  • stili ya kifungu cha kichwani cha kifungu cha kuzaliwa ni kifupi

kama border-block-style masharti ina thamani moja:

border-block-style: kifupi;
  • stili ya kifungu na kifungu cha kichwani cha CSS ni kifupi

CSS border-block-style masharti ya CSS border-bottom-styleborder-left-styleborder-right-style na border-top-style 非常相似,但 border-block-style 属性依赖于块方向。

注意:相关的 CSS 属性 writing-mode 定义了块方向。这会影响块的起始和结束位置,以及 border-block-style 属性的结果。对于英文页面,行内方向是从左到右,块方向是向下。

实例

例子 1

设置块方向上的边框样式:

#example1 {
  border-block-style: solid;
}
#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 相同,但在表格元素的边框冲突解决时除外。
dotted 指定点线边框。
dashed 指定虚线边框。
solid 指定实线边框。
double 指定双线边框。
groove

指定 3D 凹槽边框。

Hili inatokea kwa sababu ya thamani ya border-color.

ridge

指定 3D 凸起边框。

Hili inatokea kwa sababu ya thamani ya border-color.

inset

指定 3D 内嵌边框。

Hili inatokea kwa sababu ya thamani ya border-color.

outset

指定 3D 外凸边框。

Hili inatokea kwa sababu ya thamani ya border-color.

initial Kuingiza hii ukuruzi kwa chaguo cha kuzingatia. Angalia: initial.
inherit Kuathirika kwa ukuruzi wa kina wa ulemavu hii. Angalia: inherit.

Mafano ya uharibifu

Chaguo cha kuzingatia: none
Kumuathirika: Haiwezi
Kuwa huzuni: Haiwezi kufikia. Angalia:Mafano ya uharibifu wa hali ya huzuni.
Sukuu: CSS3
Inayofaa kwa Kigeni: object.style.borderBlockStyle="dotted"

Muungano wa barua

Maneno ya tabia za programu ingia vizuri kwa sababu ya barua ya kwanza inayosimamia hiyo.

Chrome Edge Firefox Safari Opera
87.0 87.0 66.0 14.1 73.0

Pemboresha za ukuruzi

Mwongozo:Mfano wa ukinga katika CSS

Mwongozo:Hisia hisiki ya CSS border

Mwongozo:Hisia hisiki ya CSS border-block

Mwongozo:Hisia hisiki ya CSS border-block-end-style

Mwongozo:Hisia hisiki ya CSS border-block-start-style

Mwongozo:Hisia hisiki ya CSS border-bottom-style

Mwongozo:Mwongozo wa border-left-style wa CSS

Mwongozo:Mwongozo wa border-right-style wa CSS

Mwongozo:Mwongozo wa border-top-style wa CSS

Mwongozo:Mfano wa writing-mode katika CSS