2007/09/12 W3C CSS Working Group により「 CSS Grid Positioning Module Level 3」の Working Draft （草案）が公開され、その中に実際のプロパティ （grid-columns、grid-rows）と、レイアウト表示例が記述されていますのでご紹介します。

レイアウト例 1

6本の垂直線と2本の水平線によるグリッド線でレイアウトした3-コラムレイアウトの例です。

body { columns:3; column-gap:0.5in; } 
img { float:page top right; width:3gr; }

ここで、右上に配置した画像の幅が 3gr （グリッド）と表現されています。コラム間のギャップを含めたグリッド線で 画像の位置が決められるので分かりやすくシンプルです。

レイアウト例 2

マルチカラムレイアウトの例です。

body { grid-columns: * * (0.5in * *)[2];
       grid-rows: 20% *;
       columns:3; column-gap:0.5in; }
img  { float:page top left;
       float-offset: 4gr 1gr; }

• （　）内は、反復する内容を示し、[　] 内の整数は反復数を表しています。
• プロパティの値は、「長さ」、「％」、「相対値」、「グリッド数」などが入ります。