layout-grid
CSSの書き方
layout-grid:layout-grid-modeの値 layout-grid-typeの値 layout-grid-lineの値 layout-grid-charの値 ;
CSSの詳細情報 | |||||
---|---|---|---|---|---|
プロパティ名 | layout-grid | 読み方 | レイアウト・グリッド | ||
初期値 | 各プロパティの初期値 | 意味 | グリッド関連の一括指定 | ||
値 | 各プロパティの設定値 | ||||
対象 | ブロックレベル要素 | ||||
CSSレベル | IE独自 | 対応ブラウザ | Windows | MAC | |
継承 | する | IE 5.0以上 | — |
解説
「layout-grid」プロパティは、グリッド関連のスタイルシートを一括で指定するプロパティです。
「layout-grid-mode」プロパティ、「layout-grid-line」プロパティ、「layout-grid-char」プロパティ、「layout-grid-type」プロパティを同時に指定します。
値について
これらのプロパティを同時に指定する場合は、各プロパティの値同士を半角スペースで区切ります。
値の書く順序は決まっています。
上で示した「CSSの書き方」の通りの順番に書いてください。
プロパティの一部を省略することができるかは明記されてないので不明です。
従って、すべての値を記述しておくことをお勧めします。
CSS/HTMLサンプル
p { layout-grid:both strict 15px 5px; width:500px; background:#ffdff9; }
段落要素の文字列をマス目に配置するスタイルシートを一括で サンプル