border: ***;
iframe {
border: 2px red solid;
}
プロパティ名 | 値 | 説明 |
---|---|---|
border | 太さ、色、スタイル | 境界線(太さ、色、スタイル)を指定 |
境界線の指定方法については、「境界線の設定をひとまとめに行う」をご覧ください。
【表示例】
インラインフレームに赤い境界線を指定した例です。
IE | Firefox | Opera |
---|---|---|
IEの場合は、デフォルトの境界線(立体的な境界線)が一緒に表示されてしまいます。
このデフォルトの境界線を消したい場合は、iframe要素にframeborder属性を指定しておきます。
frameborder="0" を指定した例(IEの表示例)
値に none を指定すると、デフォルトの境界線を消すことができます。(ただし、IEでは消えません)
使用例
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>文書のタイトル</title>
<style type="text/css">
iframe {
width: 300px;
height: 100px;
}
iframe.example1 { border: none; }
iframe.example2 { border: 1px #008000 solid; }
iframe.example3 { border: 2px #008000 dashed; }
</style>
</head>
<body>
<p><iframe src="example.html" class="example1">代替内容</iframe></p>
<p><iframe src="example.html" frameborder="0" class="example2">代替内容</iframe></p>
<p><iframe src="example.html" frameborder="0" class="example3">代替内容</iframe></p>
</body>
</html>
表示例
- サイト内検索