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

模板:文字描邊2/doc

萌娘百科,萬物皆可萌的百科全書!轉載請標註來源頁面的網頁連結,並聲明引自萌娘百科。內容不可商用。
跳至導覽 跳至搜尋

本模板使用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上渲染異常,儘量不要添加陰影。

相關模板