BBS
HTML
CSS
JavaScript
DHTML
フィルタ
CGI
アクセス向上
音楽&動画
カラー
画像
フォント
特殊文字
HP作成リンク
サイト宣伝リンク
ACCESS R
ホーム
>
CSS
>
CSSプロパティ
>
layout-grid
■layout-grid
グリッド関連の設定をいっぺんに全て指定することが出来ます。
layout-grid:mode type line char
このような順で指定して下さい。ただし順序は特に無く自由です。また省略も可能です。省略すると各設定の初期値が設定されます。
layout-grid
グリッド関連の設定をいっぺんに全て指定することが出来ます。
設定値
説明
mode
「layout-grid-line」と「layout-grid-char」の適用の設定(layout-grid-mode)
type
グリッドにどのように合わせるかの設定(layout-grid-type)
line
グリッドの行方向のサイズの設定(layout-grid-line)
char
グリッドの列方向のサイズの設定(layout-grid-char)
■ソース
<HTML> <HEAD> <META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css"> <TITLE>layout-grid</TITLE> <STYLE TYPE="text/css"> <!-- .lg1 {layout-grid:both loose 10pt 10pt;} .lg2 {layout-grid:both loose 20pt 20pt;} --> </STYLE> </HEAD> <BODY> <DIV CLASS="lg1"> 検索しなくても、現在のページと同様のページに移動できます。 このような操作を行うには、関連したリンクの表示機能を使います。 アドレス バーから直接検索することもできます。 サイト名の一部を入力するだけで検索条件に最も近いサイトが自動的に表示され、 条件に近いほかのサイトの一覧が表示されます。 </DIV><BR> <DIV CLASS="lg2"> 検索しなくても、現在のページと同様のページに移動できます。 このような操作を行うには、関連したリンクの表示機能を使います。 アドレス バーから直接検索することもできます。 サイト名の一部を入力するだけで検索条件に最も近いサイトが自動的に表示され、 条件に近いほかのサイトの一覧が表示されます。 </DIV><BR> </BODY> </HTML>
■実行例
「
layout-grid:both loose 10pt 10pt
」となっています。
検索しなくても、現在のページと同様のページに移動できます。このような操作を行うには、関連したリンクの表示機能を使います。アドレス バーから直接検索することもできます。サイト名の一部を入力するだけで検索条件に最も近いサイトが自動的に表示され、条件に近いほかのサイトの一覧が表示されます。
「
layout-grid:both loose 20pt 20pt
」となっています。
検索しなくても、現在のページと同様のページに移動できます。このような操作を行うには、関連したリンクの表示機能を使います。アドレス バーから直接検索することもできます。サイト名の一部を入力するだけで検索条件に最も近いサイトが自動的に表示され、条件に近いほかのサイトの一覧が表示されます。
■対応ブラウザ
layout-grid
設定値
IE3
IE4
IE5
IE5.5
IE6
N3
N4
N6
N7
O6
O7
mode
×
×
●
●
●
×
×
×
×
×
×
type
×
×
●
●
●
×
×
×
×
×
×
line
×
×
●
●
●
×
×
×
×
×
×
char
×
×
●
●
●
×
×
×
×
×
×
[
ホーム
] [
CSS
] [
CSSプロパティ
] [
↑ページ最上部へ戻る
]
インターネット上であなたのパソコン教室を開きませんか?
自宅でパソコン教室を簡単に開くことが出来ます。そして低リスクで効率よく稼げる仕事をさがしている。そんな方にはオススメです。
Copyright © 2000-2003 ACCESS R All rights reserved. Presented by Ruby