|
{margin:値;}、{margin-位置:値;}でインラインフレームの外側の余白を指定する
ことが出来ます。
インラインフレームの内側の余白を指定したい場合はインラインフレーム
内に表示してあるHTMLページ内の内容の外側の余白を指定する必要があります。
■ インラインフレームの外側の余白を指定する
インラインフレームの外側（周囲）の余白の指定方法は以下の通りです。
| 余白を入れたい位置 |
説明 |
|
margin:値;
|
値が1個の場合、上下左右 全ての余白が入ります。 |
|
margin:値1 値2;
|
値1が上下、値2が左右の余白です。 |
|
margin:値1 値2 値3;
|
値1が上、値2が左右、値3が下の余白です。 |
|
margin:値1 値2 値3 値4;
|
値1が上、値2が右、値3が下、値4が左の余白です。 |
| margin-top:値;
|
上の余白だけ入れます。 |
|
margin-right:値;
|
右の余白だけ入れます。 |
|
margin-bottom:値;
|
下の余白だけ入れます。 |
|
margin-left:値;
|
左の余白だけ入れます。 |
【ブラウザ表示】
天井
床
ソース
天井
<br>
<iframe src="iframesample.html" class="sample3" title="if">
インラインフレームのサンプル
</iframe>
<br>
床
外部ファイル
iframe.sample3{margin:50px 0px;}
<body>～</body>に直接記入する場合
天井
<br>
<iframe src="iframesample.html" style="margin:50px 0px;" title="if">
インラインフレームのサンプル
</iframe>
<br>
床
■ その他の項目
・
横幅、高さを指定する
・
枠線の太さ、色、種類を指定する
・
横に並ぶ文字の位置を指定する
・
文字を回り込ませる
スタイルシート一覧のページに戻る
|
