文章をグリッド(マス目)に配置する
CSSの書き方
layout-grid-mode:値 ;
|
|||||||||||||||||||||||||||||||||||||||||
解説
「layout-grid-mode」プロパティは、文字を原稿用紙などのマス目のように配置するスタイルシートです。グリッド系のプロパティはIE独自のプロパティとなっているため、現在はこのプロパティもInternetExplorer専用のCSSとなっていますので使用の際には注意してください。
また、「layout-grid-mode」プロパティは単体では動作しません。「layout-grid-char」や「layout-grid-line」プロパティによって、別途、行や列の間隔を調整する必要があります。
値
「layout-grid-mode」プロパティで指定できる値は全部で4種類です。以下の表のようになっています。
|
CSSレベル3で実装予定
「layout-grid-mode」プロパティと同じようなスタイルシート(line-grid-mode)がCSSレベル3で実装予定だそうです。
CSS/HTMLサンプル
p { layout-grid-mode:both; layout-grid-line:0.5em; layout-grid-char:0.5em; width:500px; background:#ffdff9; }
段落要素内の文字列をグリッド配置 サンプル
