Template:文字描边2
跳到导航
跳到搜索
本模板使用CSS的-webkit-text-stroke
属性,可以为文字添加描边样式。此模板有部分使用限制,见#限制。
参数
参数 | 说明 | 默认值 |
---|---|---|
(1) | 需要添加描边的文本,必需 | 无 |
文本颜色(2) | 使用CSS颜色值,如:red / #114514 / rgb(191, 98, 10) / hsl(0deg, 100%, 50%) 。参见Help:颜色列表。 |
继承 |
描边颜色(3) | 黑色 | |
描边宽度 | 使用CSS长度,如:1px / 0.2em 等(实际描边宽度是这个值的一半);或使用thin 、medium 、thick 关键字,由细到粗。推荐使用em为单位以保持在各设备上的统一。 |
0.15em |
CSS | 额外的CSS属性。 | 无 |
CSS2 | 仅对描边层应用的CSS属性,会覆盖上面的CSS。 此参数本用于解决“直接使用CSS参数添加阴影会有双层阴影”的问题,如无必要不推荐添加阴影,因为不同浏览器间text-shadow和text-stroke的相互作用方式不统一,在Safari上会有非常鬼畜的效果。 |
无 |
示例
输入 | 结果 |
---|---|
{{文字描边2|黑字加黑边,还不如用粗体}} |
黑字加黑边,还不如用粗体黑字加黑边,还不如用粗体 |
{{文字描边2|使用匿名参数|#FFF|#FF9595}} |
使用匿名参数使用匿名参数 |
{{文字描边2|使用命名参数|文本颜色=white|描边宽度=0.1em}} |
使用命名参数使用命名参数 |
{{文字描边2|使用CSS|文本颜色=antiquewhite|描边颜色=brown|CSS=font-size:1.5em}} |
使用CSS使用CSS |
限制
- 由于本模板会把参数1的内容复制两遍(一层描边,一层文字。否则效果是这样,描边会把文字盖住,其中文字已设为白色。),因此:
- 不要在{{标题替换}}中使用本模板。若在{{标题替换}}中使用本模板,标题栏上的标题将会出现重复。如Special:固定链接/5354170,标题栏显示为“群青讚歌群青讚歌”。
- 尽量把本模板置于其他模板内层,如
{{lj|{{文字描边2|……}}}}
,而不是{{文字描边2|{{lj|……}}}}
,这样可以减小展开长度。
- 阴影在Safari上渲染异常,尽量不要添加阴影。
相关模板
- {{文字描边}}
|