CSS3 text-outline 属性

text-outline 属性用于设置文本的轮廓，类似于 outline 属性用于设置元素的轮廓。不过需要注意的是，text-outline 属性并不是 CSS 标准属性，而是一些浏览器私有属性的实验性功能，因此在不同浏览器中的表现可能会有所不同。

语法

text-outline: <outline-color> <outline-style> <outline-width>;

• <outline-color>：指定轮廓的颜色。可以使用颜色值（如 red、#00ff00 等）或者关键字（如 currentColor）。
• <outline-style>：指定轮廓的样式。可以取值为 solid、dashed、dotted 等。
• <outline-width>：指定轮廓的宽度。可以使用长度值（如 2px、0.5em 等）或者关键字（如 thin、medium、thick）。

示例

.text-with-outline {
  text-outline: red dashed 2px;
}

在上面的示例中，我们定义了一个类名为 .text-with-outline 的样式，将文本的轮廓设置为红色、虚线样式、宽度为2像素。

注意事项

• 目前仅有少数浏览器支持 text-outline 属性，因此在实际项目中使用时需要谨慎考虑兼容性问题。
• 如果需要在所有浏览器中实现文本轮廓效果，可以考虑使用 text-shadow 属性来模拟实现。