テンプレート:Div col end
ナビゲーションに移動
検索に移動
この説明文は 『 テンプレート:Div col/doc 』 から呼び出されています。
テンプレート:CSS3 multiple column layout {{Div col}} は、{{div col end}} とともに用いて、リストを段組みで表示するテンプレートです。設定で小さなフォントサイズで表示できます。使い方[編集]
引数[編集]
|cols=- 列の数を指定します。既定値は2です。
- 非推奨。下の colwidth の方が閲覧環境に応じて柔軟に対応できるため。18em未満にはなりません。
|colwidth=- 列の幅を指定します。cols を上書きします。px, em, % といった単位を付けます。
|small=yesと指定することで、フォントサイズを小さく (90%) します。|rules=- 列の間に垂直線を書きます。
yesと指定するか、あるいは、（1px dashed blue;のような）CSSのスタイルを指定します。|gap=- 隣接した列の内容の間のスペースを指定します。（ブラウザによって設定されている）既定値は1emです。
|style=- 列に適用するCSSスタイル。
使用例[編集]
何も指定しないと、2列か18emで幅が大きい方になります。
{{Div col}} * a * b * c * d * e * f * g * h {{Div col end}}表示
- a
- b
- c
- d
- e
- f
- g
- h
cols=は省略できます。{{Div col|3}} * a * b * c * d * e * f * g * h {{Div col end}}表示
- a
- b
- c
- d
- e
- f
- g
- h
colwidth=は省略できます。第二引数であることに注意します。{{Div col||10em}} * a * b * c * d * e * f * g * h {{Div col end}}表示
- a
- b
- c
- d
- e
- f
- g
- h
small=yesで文字サイズが小さくなります。{{Div col|small=yes}} * a * b * c * d * e * f * g * h {{Div col end}}表示
- a
- b
- c
- d
- e
- f
- g
- h
rulesの例{{Div col|rules=yes}} * a * b * c * d * e * f * g * h {{Div col end}}表示
- a
- b
- c
- d
- e
- f
- g
- h
gapの例{{Div col|colwidth=10em|rules=yes|gap=2em}} * a * b * c * d * e * f * g * h {{Div col end}}表示
- a
- b
- c
- d
- e
- f
- g
- h
技術的な詳細[編集]
このテンプレートは以下のCSSのプロパティに対応したブラウザでマルチカラムを作成します。
- -moz-column-count（FirefoxなどのMozilla/Geckoを使用したブラウザ対応）
- -webkit-column-count（SafariなどのWebKitを使用したブラウザ対応）
- column-count（CSS3に対応しているブラウザ。CSS3 module: Multi-column layout参照）
関連項目[編集]
 |
ウィキペディア移入テンプレート |
| このテンプレートはウィキペディアのTemplate:Div col endから移入されたものです。 使い方は移入元のテンプレートページを参照してください。 |