[新着] Webテンプレートを仮オープンしました
border は、枠線を指定するプロパティです。
iframe要素にこのスタイルを設定すると、インラインフレームに枠線をつけることができます。
iframe {
border: 2px red solid;
}
| border | 枠線（太さ、色、スタイル）を指定します |
|---|
枠線の指定方法については、ボックスカテゴリーの「枠線」の項目をご覧ください。
【表示のサンプル】
インラインフレームに赤い枠線を指定した例です。
| IE 6 | Firefox 1 | Netscape 7 | Opera 8 |
|---|---|---|---|
 |
 |
 |
 |
※IEの場合、標準の枠線（立体的な枠線部分）が一緒に表示されてしまうようです（Firefox、Netscape、Operaでは表示されません）。この標準の枠線を消したい場合は、frameborder 属性を指定しておきます。
frameborder="0" を指定した場合（IEでの表示例）
<html>
<head>
<title>TAG index Webサイト</title>
<style type="text/css">
<!--
iframe {
width: 300px;
height: 100px;
}
#example1 { border: none; }
#example2 { border: 1px green solid; }
#example3 { border: 2px green dashed; }
-->
</style>
</head>
<body>
<p><iframe src="example.html" id="example1">サンプル</iframe></p>
<p><iframe src="example.html" frameborder="0" id="example2">サンプル</iframe></p>
<p><iframe src="example.html" frameborder="0" id="example3">サンプル</iframe></p>
</body>
</html>
▼これをブラウザで見ると次のように表示されます
