模板:文字描边

From Limbo Wiki
Revision as of 10:54, 25 June 2022 by 偷吃的贡品是雪饼 (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Icon-info.png

本模板使用CSS的-webkit-text-stroke属性,可以为文字添加描边样式。

参数

参数 说明 默认值
(1) 需要添加描边的文本,必需
文本颜色(2) 使用CSS颜色值,如:red / #114514 / rgb(191, 98, 10) / hsl(0deg, 100%, 50%)
MDN中的<颜色值>
继承
描边颜色(3) 黑色
描边宽度 使用CSS长度,如:1px / 0.2em 等(实际描边宽度是这个值的一半);或使用thinmediumthick关键字,由细到粗。
推荐使用em为单位以保持在各设备上的统一。
0.15em
CSS 额外的CSS属性。
CSS2 仅对描边层应用的CSS属性,会覆盖上面的CSS。
此参数本用于解决“直接使用CSS参数添加阴影会有双层阴影”的问题,如无必要不推荐添加阴影,因为不同浏览器间text-shadow和text-stroke的相互作用方式不统一,在Safari上会有非常鬼畜的效果。

示例

输入 结果
{{文字描边|黑字加黑边,还不如用粗体}} 黑字加黑边,还不如用粗体黑字加黑边,还不如用粗体
{{文字描边|使用匿名参数|#FFF|#FF9595}} 使用匿名参数使用匿名参数
{{文字描边|使用命名参数|文本颜色=white|描边宽度=0.1em}} 使用命名参数使用命名参数
{{文字描边2|使用CSS|文本颜色=antiquewhite|描边颜色=brown|CSS=font-size:1.5em}} 使用CSS使用CSS

限制

  • 阴影在Safari上渲染异常,尽量不要添加阴影。