Template:StyleToggle

模板文档

{{StyleToggle}}及{{StyleToggle/switch}}用于对整个页面或部分元素添加一个可开关的CSS属性，如color、opacity和transform等。

用法

{{StyleToggle/switch}}只有至多1个可选匿名参数1，用于指定id，但一个页面内只使用一个switch时可省略。
{{StyleToggle}}的参数：
- 必需匿名参数1，用于指定添加可开关的CSS属性的对象。
- 可选匿名参数2，为off时初始状态不添加该指定CSS属性。
- tag参数用于指定根元素标签，默认为div。
- id参数用于指定对应{{StyleToggle/switch}}的id，一个页面内只使用一个switch时也可以省略。
- 当前共可添加7类CSS属性（可多选），参数名分别对应color（类似{{ColorToggle}}）、opacity(类似{{阿卡林}}）、transform（可以模拟Widget:OhMyNeck等）、font-size、width、font-family和display（可以产生内容切换的效果）。需要其他属性的可自行在{{StyleToggle/style.css}}添加。
- 如有其他不需要开关的常驻CSS属性，可以添加css参数。
使用参数display实际上是错误用法，在切换成可见时对应元素的样式为display: inline，即使是<div>或<table>等也不例外。

示例

更为复杂的示例参见鬼人正邪页面，这里仅给出一个简单的用法。

{{styleToggle/switch}}{{0}}顺时针倾斜45度。
{{styleToggle|transform=rotate(45deg) scale(0.9)|css=overflow:auto|
{{VOCALOID_Songbox
|image    = 在落雨的街巷_气球正与恶魔共舞.jpg
|图片信息 = Illustration by {{lj|さきる}}
|颜色     = #F8F393;color:#D31626
|演唱     = [[初音ミク]]
|歌曲名称 = {{lj|雨降る街にて風船は悪魔と踊る}}<br>在落雨的街巷 气球正与恶魔共舞
|P主      = [[ハチ]]
|nnd_id   = sm8634765{{失效链接}}
|投稿时间 = 2009年10月27日
|再生     = 167,308(最终记录)
}}|off}}

0顺时针倾斜45度。