DevShelf

Appearance

outline-style ​

描述 ​

outline-style 属性设置元素轮廓的样式。轮廓是在元素周围、边框边缘之外绘制的一条线，以使元素突出。

效果展示 ​

语法 ​

css
outline-style: auto | <border-style> | inherit;

值 ​

  • none 不绘制轮廓，忽略颜色和宽度。
  • dotted 一系列圆形或方形点。
  • dashed 虚线
  • solid 实线
  • double 轮廓是两条单线。轮廓宽度是两条线及其之间的空间的总和。
  • groove 看起来就像是雕刻在画布上一样。 （这通常是通过用比轮廓颜色稍浅和稍深的两种颜色创建“阴影”来实现的。）
  • inset 轮廓使盒子看起来就像嵌入在画布中一样。
  • outset 与插图轮廓相反的是，盒子看起来就像是从画布上出来的。
  • inherit 继承