サイト内検索

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

[ブラウザ上]

サンプルページ→ 4面のフレーム

Copyright c 2007.10.01 luc All rights reserved.