在77ISP学技术

每日笔记，css边框外的轮廓 ，css轮廓和边框的关系，css边框外轮廓的偏移度

CSS 轮廓偏移

outline-offset 属性在元素的轮廓与边框之间添加空间。元素及其轮廓之间的空间是透明的。

下例指定边框边缘外 25px 的轮廓：

p {
  margin: 50px;
  border: 1px solid black;
  outline: 1px solid red;
  outline-offset: 25px;
}

此段落的边框外有 25px 的轮廓。

下例显示元素与其轮廓之间的空间是透明的：

实例

p {
  margin: 30px;
  background: yellow;
  border: 1px solid black;
  outline: 1px solid red;
  outline-offset: 25px;
}

本段在边框边缘外的轮廓为 25px。