css outline-width样式

时间:2023-04-20 22:19:37

outline-width 样式用于定义元素的轮廓线宽度。它是 outline 属性的子属性之一,可以设置轮廓线的宽度为像素、em 或其他长度单位。

以下是 outline-width 样式的语法:

selector {
outline-width: [width];
}
其中,selector 表示 CSS 选择器,width 表示轮廓线的宽度,可以取以下值之一:

thin:表示细的轮廓线;
medium:表示中等宽度的轮廓线;
thick:表示粗的轮廓线;
长度单位:表示指定的宽度,例如 2px、0.5em 等。
以下是一些 outline-width 样式的实例:

/* 将段落元素的轮廓线宽度设置为 2 像素 */
p {
outline-width: 2px;
}

/* 将所有元素的轮廓线宽度设置为 medium */
* {
outline-width: medium;
}

/* 将 h1 元素的轮廓线宽度设置为 0.5em */
h1 {
outline-width: 0.5em;
}

这些样式将分别设置不同元素的 outline-width 属性。在第一个实例中,将所有段落元素的轮廓线宽度设置为 2 像素。在第二个实例中,将所有元素的轮廓线宽度设置为 medium。在最后一个实例中,将所有 h1 元素的轮廓线宽度设置为 0.5em。

相关词 outline