css轮廓属性,html轮廓,轮廓样式宽度,css3修改边框图像,css 边框宽度,css文字轮廓
CSS3 轮廓宽度（outline-width）是一种用于指定一个 HTML 元素轮廓线条粗细的 CSS 属性。该属性可用于创建具有突出效果或重要性的元素边框，而不会影响其布局。

以下是 CSS3 轮廓宽度的示例代码：

css
/* 设置元素轮廓宽度为 2 像素 */
.outlined {
outline-width: 2px;
}

/* 设置元素轮廓宽度为 10 像素 */
.highlighted {
outline-width: 10px;
}


在上面的代码中，两个类名 .outlined 和 .highlighted 都设置了元素的轮廓宽度。当这些类名分别应用于 HTML 元素时，它们的轮廓线条将分别为 2 像素和 10 像素。

值得注意的是，CSS3 轮廓宽度属性仅适用于非替换元素（如 <input>、<textarea> 等），并且不能与 border 属性混淆。