css outline详解

使用：

缩写：
outline: [ <outline-width> || <outline-style> || <outline-color> ] | inherit
outline: 1px dashed red;

轮廓偏移
outline-offset:npx; 

和border区别：

• 不占据空间大小，即之后的元素会覆盖，排列不会从outline结束位置开始、margin不会从outline结束位置开始
• 不能设置单独边，总是围绕所有边
• 不能设置多层，只能有一个外边框
• 根据内部元素形状而定，并不一定是矩形
• 外边框不会贴合border-radius产生的圆角，因此如果元素是圆角，它的描边可能还是直角（css组认为是一个bug，可能已经修改）

span {
  outline: 1px dashed red;
}

<span>我是outline<br />
      我可以创建非矩形<br />
      的边框</span>
        

若是border：