Template:Gradient
このテンプレートは背景にグラデーションを作成します。Firefox︵3.6 以上︶、Opera︵11.10 以上︶、Safari︵4.0 以上︶で動作します。それ以外のブラウザでは、1番目に指定された色が背景色として見なされます。
使用方法[編集]
CSSタグとして利用します。このテンプレートはbackground-color属性とbackground-image属性を使用するので、他のbackground属性よりも前に記述する事をお勧めします。 <div style="{{gradient | #開始色 | #終了色 | [グラデーションの方向] | [通過色 [| 通過位置]]}}">Lorem ipsum...</div> (一)<開始色 - グラデーションの開始色です。必ず記入してください。 (二)終了色 - グラデーションの終了色です。必ず記入してください。 (三)グラデーションの向き - horizontal ︵横グラデーション、デフォルト︶・vertical︵縦グラデーション︶・もしくはleft・top・right・bottomを記入し、グラデーションの向きを設定してください。省略可能です︵省略した場合はhorizontalに設定されます︶。 (四)通過色 - 開始色と終了色の間に置く色を設定します。省略可能です。 (五)通過位置 - 通過色の位置をグラデーションの左側から0% - 100%の範囲内で設定できます。省略可能です︵デフォルト値は50%です︶。 以上の順番でパラメータを設定しないと、グラデーションは正常に作動しません。使用例[編集]
<div style="{{gradient|#ffdddd|#ddddff|horizontal}}">ウィキペディア (Wikipedia) は...</div>の出力結果は以下のようになります。
ウィキペディア (Wikipedia) はウィキメディア財団が運営するインターネット百科事典。すなわち、今閲覧しているこの百科事典のこと。コピーレフトなライセンスの下、誰もが無料で自由に編集に参加できる。世界各地の言語で展開されている。
ウィキペディア (Wikipedia) という名前は、ウェブブラウザ上でウェブページを編集することができる﹁ウィキ﹂(wiki) というシステムを使用した﹁百科事典﹂(encyclopedia) であることに由来する造語。
●
<div style="{{gradient|#ffdddd|#ddddff|horizontal|#ddffdd|50%}}">ウィキペディア (Wikipedia) は...</div>の出力結果は以下のようになります。
ウィキペディア (Wikipedia) はウィキメディア財団が運営するインターネット百科事典。すなわち、今閲覧しているこの百科事典のこと。コピーレフトなライセンスの下、誰もが無料で自由に編集に参加できる。世界各地の言語で展開されている。
ウィキペディア (Wikipedia) という名前は、ウェブブラウザ上でウェブページを編集することができる﹁ウィキ﹂(wiki) というシステムを使用した﹁百科事典﹂(encyclopedia) であることに由来する造語。
●<div style="{{gradient|#ffdddd|#ddddff|vertical}}">ウィキペディア (Wikipedia) は...</div>の出力結果は以下のようになります。
ウィキペディア (Wikipedia) はウィキメディア財団が運営するインターネット百科事典。すなわち、今閲覧しているこの百科事典のこと。コピーレフトなライセンスの下、誰もが無料で自由に編集に参加できる。世界各地の言語で展開されている。
ウィキペディア (Wikipedia) という名前は、ウェブブラウザ上でウェブページを編集することができる﹁ウィキ﹂(wiki) というシステムを使用した﹁百科事典﹂(encyclopedia) であることに由来する造語。
註釈[編集]
必要なときのみに使用してください。グラデーション表示に対応していない旧型のブラウザで見ると、逆効果になる場合があります。関連項目[編集]
- {{border-radius}}
- {{box-shadow}}
