グリッド関連のスタイルシートを一括で指定する
CSSの書き方
layout-grid:layout-grid-modeの値 layout-grid-typeの値 layout-grid-lineの値 layout-grid-charの値 ;
|
|||||||||||||||||||||||||||||||||||||||||
解説
「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; }
段落要素の文字列をマス目に配置するスタイルシートを一括で サンプル
