https://hmaster.net/


HTMLタグとCSSを使いメモ帳だけで無料でホームページを作成する 方法を分かりやすく解説しているサイトです。 初心者向けに見やすい、読みやすい作りになっています。

外側の余白を指定する

{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>

このエントリーをはてなブックマークに追加 Instagram

■ その他の項目

横幅、高さを指定する
枠線の太さ、色、種類を指定する
横に並ぶ文字の位置を指定する
文字を回り込ませる

スタイルシート一覧のページに戻る