サイト内検索
...HTML・XHTMLタグ...
フレーム
境界線の指定
- 境界線の太さは、frameset要素にborder属性を指定します。
- [使い方]
- <frameset rows="15%,*,15%" border="5" title="サンプル">
- Internet Explorer の独自機能です。
- Netscape, Firefox, Opera, Safari は、border属性に対応しています。
- W3C検証サービスでは、スタイルシートを推奨しています。
- [使い方]
- <frameset cols="20%,*" style="border: 5px #999999 solid;">
属性 | 属性値 | 説明 |
---|---|---|
border= | "" | 整数の「ピクセル数(例・・"1")」を指定します。 |
境界線の幅の指定
- 境界線の幅の変更には、frame要素にframeborder属性を指定します。
- [使い方]
- <frame cols="20%, *" frameborder="1">
属性 | 属性値 | 説明 |
---|---|---|
frameborder= | "0" | 境界線を消します。 |
"1" | 境界線を表示します。(標準値・初期設定値) |
サンプル
[bodyの中]
<html><head>
<title>サンプル</title>
</head>
<frameset rows="15%,*,15%" border="5" title="上"><frame src="ue.html" frameborder="1" scrolling="auto" name="ue"
noresize="noresize" title="ピンク" />
<frameset cols="20%,*" border="5"
title="左右">
<frame src="hidari.html" frameborder="1" scrolling="auto" name="hidari"
title="ブルー" />
<frame src="migi.html" frameborder="1" scrolling="auto" name="migi"
title="むらさき" />
</frameset>
<frame src="sita.html" frameborder="1" scrolling="auto" name="sita"
noresize="noresize" title="きいろ" />
<noframes>
<body>
このぺージはフレーム対応のブラウザでご覧ください。</body>
</noframes></frameset>
</html>
border:を指定
[bodyの中]
</head>
<frameset rows="15%,*,15%" style="border:5px #999999 solid;" title="上"><frame src="ue.html" frameborder="1" scrolling="auto" name="ue"
noresize="noresize" title="ピンク" />
<frameset cols="20%,*" style="border:5px #999999 solid;"
title="左右">
<frame src="hidari.html" frameborder="1" scrolling="auto" name="hidari"
title="ブルー" />
<frame src="migi.html" frameborder="1" scrolling="auto" name="migi"
title="むらさき" />
</frameset>
<frame src="sita.html" frameborder="1" scrolling="auto" name="sita"
noresize="noresize" title="きいろ" />
<noframes>
<body>
このぺージはフレーム対応のブラウザでご覧ください。</body>
</noframes></frameset>
</html>
[ブラウザ上]
サンプルページ→