CSS 参考手册 目录

CSS3 text-outline 属性

CSS 属性:text-outline

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

语法

------------- --------------- --------------- ----------------
  • <outline-color>:指定轮廓的颜色。可以使用颜色值(如 red#00ff00 等)或者关键字(如 currentColor)。
  • <outline-style>:指定轮廓的样式。可以取值为 soliddasheddotted 等。
  • <outline-width>:指定轮廓的宽度。可以使用长度值(如 2px0.5em 等)或者关键字(如 thinmediumthick)。

示例

------------------ -
  ------------- --- ------ ----
-

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

注意事项

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

上一篇:CSS 属性 text-justify
下一篇:CSS 属性 text-overflow