置顶公告:【置顶】关于临时开启评论区所有功能的公告(2022.10.22) | 【置顶】关于本站Widget恢复使用的公告
  • 你好~!欢迎来到萌娘百科镜像站!如需查看或编辑,请联系本站管理员注册账号。
  • 本镜像站和其他萌娘百科的镜像站无关,请注意分别。

模板:文字描边2

来自萌娘百科
跳到导航 跳到搜索
Template-info.svg 模板文档  [查看] [编辑] [历史] [刷新]

本模板使用CSS的-webkit-text-stroke属性,可以为文字添加描边样式。此模板有部分使用限制,见#限制

参数

参数 说明 默认值
(1) 需要添加描边的文本,必需
文本颜色(2) 使用CSS颜色值,如:red / #114514 / rgb(191, 98, 10) / hsl(0deg, 100%, 50%)
参见Help:颜色列表
继承
描边颜色(3) 黑色
描边宽度 使用CSS长度,如:1px / 0.2em 等(实际描边宽度是这个值的一半);或使用thinmediumthick关键字,由细到粗。
推荐使用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的内容复制两遍(一层描边,一层文字。否则效果是这样,描边会把文字盖住,其中文字已设为白色。),因此:
    1. 不要在{{标题替换}}中使用本模板。若在{{标题替换}}中使用本模板,标题栏上的标题将会出现重复。如Special:固定链接/5354170,标题栏显示为“群青讚歌群青讚歌”。
    2. 尽量把本模板置于其他模板内层,如{{lj|{{文字描边2|……}}}},而不是{{文字描边2|{{lj|……}}}},这样可以减小展开长度。
  • 阴影在Safari上渲染异常,尽量不要添加阴影。

相关模板