|
トップページ > スタイルシートリファレンス > layout-grid-line
★スタイルシートリファレンス
|
layout-grid-line･･･行グリッドの高さを指定する（IEがCSS3の草案を先行採用）
    layout-grid-lineプロパティは、W3Cで審議中の仕様をInternet Explorerが独自に採用したもので、 行グリッドの高さ（縦書きの場合は幅）を指定する際に使用します。 ■値
■使用例スタイルシート部分は外部ファイル（sample.css）に記述。p.sample1 {layout-grid-line: none;}p.sample2 {layout-grid-line: auto;} p.sample3 {layout-grid-line: 2ex;} p.sample4 {layout-grid-line: 10%;} HTMLソース<html><head> <link rel="stylesheet" href="sample.css" type="text/css"> </head> <body> <p class="sample1"> layout-grid-lineプロパティの動作は、line-heightプロパティと似ています。これは、layout-grid-line: none の場合の表示です。 </p> <p class="sample2"> layout-grid-lineプロパティの動作は、line-heightプロパティと似ています。これは、layout-grid-line: auto の場合の表示です。 </p> <p class="sample3"> layout-grid-lineプロパティの動作は、line-heightプロパティと似ています。これは、layout-grid-line: 2ex の場合の表示です。 </p> <p class="sample4"> layout-grid-lineプロパティの動作は、line-heightプロパティと似ています。これは、layout-grid-line: 10% の場合の表示です。 </p> </body> </html> ↓↓↓ ブラウザ上の表示layout-grid-lineプロパティの動作は、line-heightプロパティと似ています。これは、layout-grid-line: none の場合の表示です。 layout-grid-lineプロパティの動作は、line-heightプロパティと似ています。これは、layout-grid-line: auto の場合の表示です。 layout-grid-lineプロパティの動作は、line-heightプロパティと似ています。これは、layout-grid-line: 2ex の場合の表示です。 layout-grid-lineプロパティの動作は、line-heightプロパティと似ています。これは、layout-grid-line: 10% の場合の表示です。 ■関連項目
layout-grid･･････････････････グリッドに関する指定をまとめて行う（IE独自の仕様）
layout-grid-char･････････････文字グリッドの幅を指定する（IE独自の仕様） layout-grid-line･･････････････行グリッドの高さを指定する（IE独自の仕様） layout-grid-mode････････････行・文字グリッドの有効・無効を指定する（IE独自の仕様） layout-grid-type･････････････グリッドのタイプを指定する（IE独自の仕様） |
トップページ > スタイルシートリファレンス > layout-grid-line
|
©2008 HTMQ