グリッド関連のスタイルシートを一括で指定する

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; }

段落要素の文字列をマス目に配置するスタイルシートを一括で サンプル

【厳選】合わせて読みたいおすすめ書籍

WEB制作支援サイトのHTMLタグボードだからオススメできる厳選書籍です。私が読んでいない本はオススメしません。

HTMLやCSS、Webデザインを体系的に学ぶなら

CSSを駆使したモダンなWebデザインを学ぶなら

最新情報をチェックしよう!