 
【クリック募金】
【ウィルス対策】
【HTMLタグ】
【PCトラブル】
【ランキング】
【P R】
 
 
 
 
 
|
ページ設定
タグの簡易テスト（別窓）
| フレーム | フレームDL
| フレームに枠線 | インラインフレーム
| インラインフレームDL
|
| 背景に色（背景色） |
フレームに枠線
| フレームに枠線 | いろいろな枠線 |
■フレームに枠線
フレームに枠線をつけます。編集するのはフレーム（窓枠部分）のみです。
| 記述 |
|
<html>
<head>
<title>タイトル</title>
</head>
<frameset cols="100,*" frameborder="yes"
border="1" framespacing="1"
bordercolor="#FF0000">
<frame name="leftFrame" src="menu.html">
<frame name="mainFrame" src="main.html">
</frameset>
<noframes>
<body>
</body>
</noframes>
</html>
|
| 解説 |
frameborder="yes"
枠線をつける場合は "yes" になります（つけない場合は "no" になります）。
border="1"
枠線の太さです。太くする場合は数字を大きくしてください。
framespacing="1"
枠線のスペースです。枠線の太さと同じ数字にしてください。
bordercolor="#FF0000"
枠線の色を指定できます。色指定が必要ない場合、この記述は削除してください。 |
■いろいろな枠線
style属性を使って枠線をデザインできます。
普通に枠線をつけただけでは線が立体的に見えますが、これをフラット（平坦）な線や点線に変えることができます。
サンプル１ サンプル２
| 記述 |
|
<html>
<head>
<title>タイトル</title>
</head>
<frameset cols="100,*" frameborder="no"
border="0" framespacing="0">
<frame name="leftFrame" src="menu.html">
<frame name="mainFrame" src="main.html"
style="border-color:
#FF9900; border-style: solid;
border-top-width: 0px; border-right-width:
0px; border-bottom-width:
0px; border-left-width: 5px">
</frameset>
<noframes>
<body>
</body>
</noframes>
</html>
|
| 解説 |
スタイル属性で線をつけるので、<frameset>タグ内では線を消す記述をします。
<frameset cols="100,*" frameborder="no"
border="0" framespacing="0">
としてください。
style="〜"
スタイル属性です。スタイル属性は線をつけたい<frame>タグ内に記述します。
border-color: #FF0000
色の指定です。
border-style: solid
線のタイプです。border-style: dotted にすると点線になります。
border-top-width: *px
上の線の太さ
border-bottom-width: *px
下の線の太さ
border-right-width: *px
右の線の太さ
border-left-width: *px"
左の線の太さ
他のタイプのフレームにも応用できるので、ソースを見ながらいろいろ変えてみてください。
線をつけたい<frama>タグ内にスタイル属性を記述します。
<frameset>タグ内には記述しません。<frameset>タグ内には線を消す記述のみです。 |
このページのトップへ
|
ホームページのデザインテンプレートをダウンロードできるサイト
