https://hmaster.net/


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

横幅、高さを指定する

{width:値;}でインラインフレームの横幅を指定する ことが出来ます。

■ 横幅を指定する

【ブラウザ表示】


ソース

<iframe src="iframesample.html" class="sample1 title="if">
インラインフレーム
</iframe>

外部ファイル

iframe.sample1{
width:400px;
}


<body>~</body>に直接記入する場合

<iframe src="iframesample.html" style="width:400px;" title="if">
インラインフレーム
</iframe>

■ 高さを指定する

{height:値;}でインラインフレームの高さを指定する ことが出来ます。

【ブラウザ表示】


ソース

<iframe src="iframesample.html" class="sample2" title="if">
インラインフレーム
</iframe>

外部ファイル

iframe.sample2{
height:50px;
}


<body>~</body>に直接記入する場合

<iframe src="iframesample.html" style="height:50px;" title="if">
インラインフレーム
</iframe>

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

■ その他の項目

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

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