查看“Template:文字描边2/doc”的源代码

本模板使用CSS的[https://developer.mozilla.org/zh-CN/docs/Web/CSS/-webkit-text-stroke <code>-webkit-text-stroke</code>]属性，可以为文字添加描边样式。此模板有部分使用限制，见[[#限制]]。

==参数==
{|class="wikitable" style="text-align:center"
!参数!!说明!!默认值
|-
|（1）
|style="text-align:left"|需要添加描边的文本，'''必需'''||''无''
|-
|文本颜色（2）
|rowspan="2" style="text-align:left"|使用CSS颜色值，如：<code>red</code> / <code>#114514</code> / <code>rgb(191, 98, 10)</code> / <code>hsl(0deg, 100%, 50%)</code> 。<br>参见[[Help:颜色列表]]<!--或[https://developer.mozilla.org/zh-CN/docs/Web/CSS/color_value MDN中的&lt;颜色值&gt;]-->。
|继承
|-
|描边颜色（3）||黑色
|-
|描边宽度
|style="text-align:left"|使用CSS长度，如：<code>1px</code> / <code>0.2em</code> 等（实际描边宽度是这个值的一半）；或使用<code>thin</code>、<code>medium</code>、<code>thick</code>关键字，由细到粗。<br>推荐使用em为单位以保持在各设备上的统一。
|0.15em
|-
|CSS
|style="text-align:left"|额外的CSS属性。
|''无''
|-
|CSS2
|style="text-align:left"|仅对描边层应用的CSS属性，会覆盖上面的CSS。<br>此参数本用于解决“直接使用CSS参数添加阴影会有双层阴影”的问题，如无必要不推荐添加阴影，因为不同浏览器间text-shadow和text-stroke的相互作用方式不统一，在Safari上会有非常鬼畜的效果。
|''无''
|}

==示例==
{|class="wikitable" style="width:100%"
!输入!!结果
|-
|<code><nowiki>{{文字描边2|黑字加黑边，还不如用粗体}}</nowiki></code>||{{文字描边2|黑字加黑边，还不如用粗体}}
|-
|<code><nowiki>{{文字描边2|使用匿名参数|#FFF|#FF9595}}</nowiki></code>||{{文字描边2|使用匿名参数|#FFF|#FF9595}}
|-
|<code><nowiki>{{文字描边2|使用命名参数|文本颜色=white|描边宽度=0.1em}}</nowiki></code>||{{文字描边2|使用命名参数|文本颜色=white|描边宽度=0.1em}}
|-
|<code><nowiki>{{文字描边2|使用CSS|文本颜色=antiquewhite|描边颜色=brown|CSS=font-size:1.5em}}</nowiki></code>||{{文字描边2|使用CSS|文本颜色=antiquewhite|描边颜色=brown|CSS=font-size:1.5em}}
<!--|-
|<code><nowiki>{{文字描边2|使用CSS2|#FFF|#AAF|CSS2=text-shadow:0 0 .4em #000}}</nowiki></code>||{{文字描边2|使用CSS2|#FFF|#AAF|CSS2=text-shadow:0 0 .4em #000}}-->
|}

==限制==
*由于本模板会把参数1的内容复制两遍（一层描边，一层文字。否则效果是<span style="-webkit-text-stroke:0.15em #222;color:#FFF">这样</span>，描边会把文字盖住，其中文字已设为白色。），因此：
*#不要在{{tl|标题替换}}中使用本模板。若在{{tl|标题替换}}中使用本模板，标题栏上的标题将会出现重复。如[[Special:固定链接/5354170]]，标题栏显示为“-{群青讚歌群青讚歌}-”。
*#尽量把本模板置于其他模板内层，如<code><nowiki>{{lj|{{文字描边2|……}}}}</nowiki></code>，而不是<code><nowiki>{{文字描边2|{{lj|……}}}}</nowiki></code>，这样可以减小展开长度。
*阴影在Safari上渲染异常，尽量不要添加阴影。

==相关模板==
*{{tl|文字描边}}
{{格式模板}}
<includeonly>[[分类:格式模板]][[分类:行内样式模板]]</includeonly><noinclude>[[Category:模板文档]][[en:Template:Text stroke2/doc]]</noinclude>