Template:Gradient/testcases
 | ここは、Template:Gradientのサンドボックス・サブページに対応したテンプレート・テストケースです。 右のボタンをクリックするとテストケースが更新されます。 更なる情報とオプション このページに複雑なテンプレートの使用例を多く記述した場合、MediaWikiの制限によりページの終端部周辺で誤動作を起こす可能性があります。この誤動作が発生した場合、発生したページのソースに追加された「NewPP limit report」というコメントを参照してください。
また、特別:テンプレートを展開でテンプレートの使用結果を実験することも出来ます。 このページを表示する外装を変更する: |  |
横のグラデーション[編集]
{{gradient/sandbox|#ffdddd|#ddddff|horizontal}}
substコード: background-color: #ffdddd; background-image: -moz-linear-gradient(left, #ffdddd, #ddddff); background-image: -ms-linear-gradient(left, #ffdddd, #ddddff); background-image: -o-linear-gradient(left, #ffdddd, #ddddff); background-image: -webkit-gradient(linear, left top, right top, from(#ffdddd), to(#ddddff));
複雑な色の指定[編集]
{{gradient/sandbox|#ffdddd|#ddddff|horizontal|#ddffdd|50%}}
substコード: background-color: #ffdddd; background-image: -moz-linear-gradient(left, #ffdddd, #ddffdd 50%, #ddddff); background-image: -ms-linear-gradient(left, #ffdddd, #ddffdd 50%, #ddddff); background-image: -o-linear-gradient(left, #ffdddd, #ddffdd 50%, #ddddff); background-image: -webkit-gradient(linear, left top, right top, from(#ffdddd), to(#ddddff), color-stop(50%, #ddffdd));
縦のグラデーション[編集]
{{gradient/sandbox|#ffdddd|#ddddff|vertical}}
substコード: background-color: #ffdddd; background-image: -moz-linear-gradient(top, #ffdddd, #ddddff); background-image: -ms-linear-gradient(top, #ffdddd, #ddddff); background-image: -o-linear-gradient(top, #ffdddd, #ddddff); background-image: -webkit-gradient(linear, left top, left bottom, from(#ffdddd), to(#ddddff));
逆行[編集]
{{gradient/sandbox|#ffdddd|#ddddff|right}}
substコード: background-color: #ffdddd; background-image: -moz-linear-gradient(right, #ffdddd, #ddddff); background-image: -ms-linear-gradient(right, #ffdddd, #ddddff); background-image: -o-linear-gradient(right, #ffdddd, #ddddff); background-image: -webkit-gradient(linear, right bottom, left bottom, from(#ffdddd), to(#ddddff));
{{gradient/sandbox|#ffdddd|#ddddff|bottom}}
substコード: background-color: #ffdddd; background-image: -moz-linear-gradient(bottom, #ffdddd, #ddddff); background-image: -ms-linear-gradient(bottom, #ffdddd, #ddddff); background-image: -o-linear-gradient(bottom, #ffdddd, #ddddff); background-image: -webkit-gradient(linear, right bottom, right top, from(#ffdddd), to(#ddddff));
[編集]
Border-radius付き[編集]
Ambox[編集]
これはあくまでも一例です。使用する事は義務づけられていませんので、通常のテンプレートを使用する事をお勧めいたします。
 | type=delete – 現在、削除の方針に従って、この項目の一部の版または全体を削除することが審議されています。 |
 | type=style – 現在、このページのレイアウトに関する議論が行われています。 |
 | type=notice – このページを読む上での注意： |
 | type=content – この記事は中立的な観点に基づく疑問が提出されているか、議論中です。 |