HTMLタグ/CSS一覧と初心者向けホームページ作成解説集:HTMLタグボード

HTMLタグボードのトップへ戻る ゼロから始めるホームページ作成講座 訪問者優位のWEBデザインTips インターネットで小遣い稼ぎ 今すぐ使える!便利ツール(HTMLタグ辞典など)


HTMLタグボードトップ >> 今すぐ使える!便利ツール >> スタイルシート(CSS)辞典 >> グリッド >> グリッド関連のスタイルシートを一括で指定する

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

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

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