Revision 72853 of "テンプレート:Gradient/doc" on jawikibooks

<noinclude>{{Documentation subpage}}</noinclude>
このテンプレートは背景にグラデーションを作成します。Firefox（3.6 以上）、Opera（11.10 以上）、Safari（4.0 以上）で動作します。それ以外のブラウザでは、1番目に指定された色が背景色として見なされます。

=== 使用方法 ===
CSSタグとして利用します。このテンプレートは<tt>background-color</tt>属性と<tt>background-image</tt>属性を使用するので、他の<tt>background</tt>属性よりも前に記述する事をお勧めします。

<tt><nowiki><div style="{{gradient | #開始色 | #終了色 | [グラデーションの方向] | [通過色 [| 通過位置]]}}">Lorem ipsum...</div></nowiki></tt>

# <開始色 - グラデーションの開始色です。必ず記入してください。
# 終了色 - グラデーションの終了色です。必ず記入してください。
# グラデーションの向き - <tt>horizontal</tt> （横グラデーション、デフォルト）・<tt>vertical</tt>（縦グラデーション）・もしくは<tt>left</tt>・<tt>top</tt>・<tt>right</tt>・<tt>bottom</tt>を記入し、グラデーションの向きを設定してください。省略可能です（省略した場合は<tt>horizontal</tt>に設定されます）。
# 通過色 - 開始色と終了色の間に置く色を設定します。省略可能です。
# 通過位置 - 通過色の位置をグラデーションの左側から0% - 100%の範囲内で設定できます。省略可能です（デフォルト値は50%です）。

以上の順番でパラメータを設定しないと、グラデーションは正常に作動しません。

=== 使用例 ===
{{see also|Template:Gradient/testcases}}

* <tt><code><nowiki><div style="{{gradient|#ffdddd|#ddddff|horizontal}}">ウィキペディア (Wikipedia) は...</div></nowiki></code></tt>の出力結果は以下のようになります。

<div style="{{gradient|#ffdddd|#ddddff|horizontal}}">ウィキペディア (Wikipedia) はウィキメディア財団が運営するインターネット百科事典。すなわち、今閲覧しているこの百科事典のこと。コピーレフトなライセンスの下、誰もが無料で自由に編集に参加できる。世界各地の言語で展開されている。
ウィキペディア (Wikipedia) という名前は、ウェブブラウザ上でウェブページを編集することができる「ウィキ」(wiki) というシステムを使用した「百科事典」(encyclopedia) であることに由来する造語。</div>

* <tt><code><nowiki><div style="{{gradient|#ffdddd|#ddddff|horizontal|#ddffdd|50%}}">ウィキペディア (Wikipedia) は...</div></nowiki></code></tt>の出力結果は以下のようになります。

<div style="{{gradient|#ffdddd|#ddddff|horizontal|#ddffdd|50%}}">ウィキペディア (Wikipedia) はウィキメディア財団が運営するインターネット百科事典。すなわち、今閲覧しているこの百科事典のこと。コピーレフトなライセンスの下、誰もが無料で自由に編集に参加できる。世界各地の言語で展開されている。
ウィキペディア (Wikipedia) という名前は、ウェブブラウザ上でウェブページを編集することができる「ウィキ」(wiki) というシステムを使用した「百科事典」(encyclopedia) であることに由来する造語。</div>

* <tt><code><nowiki><div style="{{gradient|#ffdddd|#ddddff|vertical}}">ウィキペディア (Wikipedia) は...</div></nowiki></code></tt>の出力結果は以下のようになります。

<div style="{{gradient|#ffdddd|#ddddff|vertical}}">ウィキペディア (Wikipedia) はウィキメディア財団が運営するインターネット百科事典。すなわち、今閲覧しているこの百科事典のこと。コピーレフトなライセンスの下、誰もが無料で自由に編集に参加できる。世界各地の言語で展開されている。
ウィキペディア (Wikipedia) という名前は、ウェブブラウザ上でウェブページを編集することができる「ウィキ」(wiki) というシステムを使用した「百科事典」(encyclopedia) であることに由来する造語。</div>

=== 註釈 ===
必要なときのみに使用してください。グラデーション表示に対応していない旧型のブラウザで見ると、逆効果になる場合があります。