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