Hisia hisiki ya CSS border-block-style
- Nyuma ya zaidi border-block-start-width
- Pya zaidi border-block-width
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-style
、border-left-style
、border-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
- Nyuma ya zaidi border-block-start-width
- Pya zaidi border-block-width