MB-Support

パソコン初心者のサポートページ

画像に枠をつける方法 border="太さを表す数字"

 画像のまわりに枠線(ボーダー)をつける事ができます。通常、何も指定されていない場合は、border 0 と解釈され、枠線は表示されません。しかし、リンクタグで画像を囲んだ場合は、border 1 と解釈され、強制的に枠線が表示されます。これを消す場合は、border 0 を指定しましょう。


border="*" で * 印に数字を入れる事で枠をつける事が出来ます。 border="*" の前に半角スペースを挿入します。



HTMLソース(メモ帳)

<html>
<head>
<title>題名</title>
</head>
<body>
<img src="画像のアドレス" width="400" height="200" border="1" />
</body>
</html>

ブラウザ


border="1" 数字を 0 にすると boder 指定が無い場合と同じで、枠は表示されません。<a href="ページ.htm"> で、 画像をクリックして他のページに移動させる 場合は、強制的に枠が付きます。そんな時はborder="0" で、枠線を消す事が可能です。

HTMLソース(メモ帳)

<html>
<head>
<title>題名</title>
</head>
<body>
<img src="画像のアドレス" border="0" /><br /><br />
<img src="画像のアドレス" border="2" /><br /><br />
<img src="画像のアドレス" border="3" /><br /><br />
<img src="画像のアドレス" border="4" /><br /><br />
<img src="画像のアドレス" border="5" /><br /><br />
<img src="画像のアドレス" border="6" /><br /><br />
<img src="画像のアドレス" border="10" /><br /><br />
<img src="画像のアドレス" border="30" /><br /><br />
</body>
</html>

ブラウザ




戻る 一覧表示 次へ


BTOパソコン・ゲームPC・自作パソコンなら【TSUKUMO】 - 自作PCに必要なパーツ、豊富な品揃え

Copyright © 2013 MB-Support パソコン初心者のサポートページ All Rights Reserved.

管理人サイト閲覧方法プライバシーポリシー著作権/免責事項