CSS | 轮廓偏移属性

介绍

CSS的轮廓偏移属性(outline-offset)用于设置轮廓的偏移量，可以将轮廓放在元素的边界内或外。轮廓偏移并不影响元素的位置，也不影响元素的大小和前景色。

语法

轮廓偏移属性的语法如下：

outline-offset: length | initial | inherit;

取值

轮廓偏移属性的取值包括：

• length：设置轮廓的偏移量，可以是正值或负值。默认值为0。
• initial：设置轮廓偏移为默认值。
• inherit：从父元素继承轮廓偏移值。

示例

/* 将轮廓放在外部，偏移量为10px */
outline-offset: 10px;

/* 将轮廓放在内部，偏移量为-5px */
outline-offset: -5px;

注意事项

• 轮廓偏移只对具有轮廓的元素有效果。
• 轮廓偏移不会影响元素的布局或大小。
• 轮廓偏移没有背景色，始终位于元素的前景色之上。
• IE浏览器只支持使用百分比单位设置轮廓偏移。