ここではスタイルの設定ダイアログの[レイアウト]タブに関する解説をします。
[レイアウト]タブでは、マージン、ボーダーの幅、スタイル、色、パディングを上、下、左、右の
４方向に対して指定することができます 。
スタイルの設定ダイアログの[レイアウト]タブを選択すると、下図のレイアウトに関する項目が
表示されます。これから各項目について、それぞれに使用されるパーツを使って解説していきます。
|
|
 |
|
※ マージン・ボーダー・パディングの解説
(マージンとはボーダーまでの余白、ボーダーは段落枠の太さ、パディングとはボーダーから
コンテンツまでの余白です)
◆ どの方向に対してマージン・ボーダー・パディングを ◆
◆ 設定するのかを選択する ◆
下図リストボックスで、どの方向に対してマージン・ボーダー・パディングを設定するのかを選択
します。初期値は[４方向ともに同じ値]です。上、下、左、右、それぞれに選択して１つずつ設定する
事もできます。
|
|
▲ページTOPへ |
|
◆ マージン（ボーダーまでの余白）を設定する ◆
ボーダーまでの余白を予約語、ピクセル、ポイント、インチ、センチ、ミリ、パイカ、文字の高さ、
"x" の高さ、パーセントで指定します。
[マージン] スピン ボックス（左）/リスト ボックス （右）
[マージン] リスト ボックス（右）でマージンを指定する単位を選択し、スピン
ボックス（左）で
選択した単位の大きさを指定します。
● [マージン] リスト ボックス（右）で選択できる単位の一覧。
予約語
Webブラウザにより適切な値が使用されます。
ピクセル、ポイント、インチ、cm、mm、パイカ
サイズを指定する単位です。
文字の高さ
現在のフォント サイズを 1 として、使用するサイズを指定します。
"x" の高さ
現在のフォントでの文字 "x" のフォント サイズを 1 として、使用するサイズを指定します。
パーセント
ブロックの性質をもつ親エレメント(コンテンツブロック)の幅を100%として、使用するサイズを指定する。
|
|
▲ページTOPへ |
|
◆ ボーダー（段落枠の太さ）に関する設定をする ◆
[ボーダー]グループで[幅]、[スタイル]、[色]を設定する。
● ボーダーの幅を指定する。
[幅]スピン ボックス（左）/リスト ボックス（右）
[幅]リスト ボックス（右）でボーダーの幅を指定する単位を選択し、スピンボックス（左）で
選択した単位の大きさを指定します。
〇 [幅]リスト ボックス（右）で選択できる単位の一覧。
予約語
Webブラウザにより適切な値が使用されます (標準の場合は初期値が使用されます)。
ピクセル、ポイント、インチ、cm、mm、パイカ
サイズを指定する単位です。
文字の高さ
現在のフォント サイズを 1 として、使用するサイズを指定します。
"x" の高さ
現在のフォントでの文字 "x" のフォント サイズを 1 として、使用するサイズを指定します。
● ボーダーのスタイルを指定する。
[スタイル]リスト ボックスでボーダーのスタイルを指定します。指定できるスタイルは、
なし、点線、破線、実線、二重線、くぼみ、浮き出し、インセット、アウトセットです。
※ スタイルを４方向 (上、右、下、左) それぞれに設定しても、表示するWebブラウザによっては
認識されない場合があります。
また、スタイルの設定によってはページ編集画面では表示されない場合があります
● ボーダーの色を指定する。
[色]リスト ボックスの一覧からボーダーの色を選択します。[標準]を選択した場合は初期値の色が
使用されます。[ユーザー定義]を選択すると[カラーボタン]ダイアログが表示されます。[カラーボタン]
ダイアログで[その他]を選択すると[色の設定]ダイアログが開いて、より細かな色の設定ができます。
※ ボーダーの色を４方向 (上、右、下、左) それぞれに設定しても、表示するWebブラウザによっては
認識されない場合があります。
|
|
▲ページTOPへ |
|
◆ パディング（ボーダーからコンテンツまでの余白）を指定する ◆
[パディング] スピン ボックス（左）/リスト ボックス（右）
[パディング]リスト ボックス（右）でパディング（ボーダーからコンテンツまでの余白）を
指定する単位を選択し、スピンボックス（左）で選択した単位の大きさを指定します。
● [パディング]リスト ボックス（右）で選択できる単位の一覧。
ピクセル、ポイント、インチ、cm、mm、パイカ
サイズを指定する単位です。
文字の高さ
現在のフォント サイズを 1 として、使用するサイズを指定します。
"x" の高さ
現在のフォントでの文字 "x" のフォント サイズを 1 として、使用するサイズを指定します。
パーセント
ブロックの性質をもつ親エレメント(コンテンツブロック)の幅を100%として、使用するサイズを指定する。
|
|
▲ページTOPへ |
|
◆ 各設定を確認する ◆
最下部のボックス内には設定された内容が表示されます。
|
|
▲ページTOPへ |
