DevShelf

Appearance

border-bottom-style ​

描述 ​

该 border-bottom-style 属性设置元素下边框的样式。请注意，在许多情况下，速记 CSS 属性边框样式更方便且更可取。

效果展示 ​

语法 ​

css
border-bottom-style: none | hidden | dotted | dashed | solid | double | groove |
  ridge | inset | outset;

值 ​

  • none 不绘制边框，忽略颜色和宽度。如果边框是图像，则图像图层将计数但不绘制。
  • hidden 与没有相同，除了在解决崩溃边界的冲突方面。任何具有隐藏边框的元素都会隐含该位置的所有共享边框。样式为“无”的边框的优先级最低。
  • dotted 一系列圆点。
  • dashed 虚线。
  • solid 实线
  • double 两条平行的实线，它们之间有一些空间。
  • groove 显示通向雕刻效果的边框。它与山脊相反。
  • ridge 看起来好像是从画布上出来的。
  • inset 看起来边框内侧的内容好像沉入画布中。
  • outset 看起来边框内侧的内容好像是从画布中出来的。
  • inherit 继承