CSS 轮廓偏移
CSS 外边距偏移
The outline-offset 属性在轮廓和元素的边缘/边框之间添加间距。元素与其轮廓之间的空间是透明的。
以下示例指定了在边框边缘外 15px 的轮廓。
本段落有一个在边框边缘外 15px 的轮廓。
示例
p {
margin: 30px;
border: 1px solid black;
outline: 1px solid red;
outline-offset: 15px;
}
亲自试一试 »
以下示例显示元素与其轮廓之间的空间是透明的。
本段落有一个在边框边缘外 15px 的轮廓。
示例
p {
margin: 30px;
background: yellow;
border: 1px solid black;
outline: 1px solid red;
outline-offset: 15px;
}
亲自试一试 »
所有 CSS 轮廓属性
| 属性 | 描述 |
|---|---|
| outline | 一个速记属性，用于在一个声明中设置 outline-width、outline-style 和 outline-color |
| outline-color | 设置轮廓的颜色 |
| outline-offset | 指定轮廓与元素的边缘或边框之间的间距 |
| outline-style | 设置轮廓的样式 |
| outline-width | 设置轮廓的宽度 |
