模板:文字描邊2

於 2025年5月25日 (日) 10:46 由 Selfice對話 | 貢獻 所做的修訂 (创建页面,内容为“<includeonly><span style="position:relative;display:inline-block;z-index:2;color:{{{2|{{{文本颜色|}}}}}};{{{CSS|}}}">{{{1}}}<span style="position:absolute;left:0;top:0;z-index:-1;-webkit-user-select:none;user-select:none;-webkit-text-stroke:{{{描边宽度|0.15em}}} {{{3|{{{描边颜色|#222}}}}}};{{{CSS2|}}}">{{{1}}}</span></span></includeonly><noinclude>{{Documentation}}</noinclude>”)
(差異) ←上個修訂 | 最新修訂 (差異) | 下個修訂→ (差異)
[ 檢視 | 編輯 | 歷史 | 更新快取 ]文檔頁面

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

相關模板

Template:格式模板