HTMLクイックリファレンス
トップページ HTMLタグ（ABC順） スタイルシート（ABC順） JavaScript（制作中）
WEBカラー HTMLタグ（目的別） スタイルシート（目的別） 優良デザイン 特殊文字
WEB画像 WEBの現場から インターネット用語 フリーイラスト素材 執筆書籍の紹介

 
トップページ > スタイルシートリファレンス > layout-grid-type

★スタイルシートリファレンス

layout-grid-type･･･文字グリッドのタイプを指定する（IEがCSS3の草案を先行採用）
Internet Explorer5Internet Explorer5.5Internet Explorer6Internet Explorer7

layout-grid-typeプロパティは、W3Cで審議中の仕様をInternet Explorerが独自に採用したもので、文字グリッドのタイプを指定する際に使用します。

■値

loose
日本語や韓国語に適しています。全角文字や半角カナには、layout-grid-charプロパティの値が適用されます。筆記体を除く半角英数字に対しては、layout-grid-charプロパティの値の半分が適用されます。
strict
日本語や韓国語、また中国語にも適しています。全角文字や半角カナのみをグリッドに収めます。
fixed
すべての文字をグリッドに収めます。

■使用例

スタイルシート部分は外部ファイル（sample.css）に記述。

p.sample1 {layout-grid-char: 1.2ex; layout-grid-type: loose;}
p.sample2 {layout-grid-char: 1.2ex; layout-grid-type: strict;}
p.sample3 {layout-grid-char: 1.2ex; layout-grid-type: fixed;}

HTMLソース

<html>
<head>
<link rel="stylesheet" href="sample.css" type="text/css">
</head>
<body>
<p class="sample1">これは、layout-grid-type: loose の場合の表示です。</p>
<p class="sample2">これは、layout-grid-type: strict の場合の表示です。</p>
<p class="sample3">これは、layout-grid-type: fixed の場合の表示です。</p>
</body>
</html>
↓↓↓

ブラウザ上の表示

これは、layout-grid-type: loose の場合の表示です。

これは、layout-grid-type: strict の場合の表示です。

これは、layout-grid-type: fixed の場合の表示です。


 

■関連項目

layout-grid･･････････････････グリッドに関する指定をまとめて行う（IE独自の仕様）
layout-grid-char･････････････文字グリッドの幅を指定する（IE独自の仕様）
layout-grid-line･･････････････行グリッドの高さを指定する（IE独自の仕様）
layout-grid-mode････････････行・文字グリッドの有効・無効を指定する（IE独自の仕様）
layout-grid-type･････････････グリッドのタイプを指定する（IE独自の仕様）

▲ページ先頭へ
トップページ > スタイルシートリファレンス > layout-grid-type

HTMLクイックリファレンス
トップページ HTMLタグ（ABC順） スタイルシート（ABC順） JavaScript（制作中）
WEBカラー HTMLタグ（目的別） スタイルシート（目的別） 優良デザイン 特殊文字
WEB画像 WEBの現場から インターネット用語 フリーイラスト素材 執筆書籍の紹介
HTMLクイックリファレンスについて
©2008 HTMQ