画像の枠に線を付ける

[新着] Webテンプレートを仮オープンしました


<img src="" border="">


imgタグborder="" を追加すると、画像の枠に線を付けることができます。


<img src="sample.gif" border="1">


border="" 線の太さをピクセル数で指定します

※この属性は、HTML4.01では非推奨とされています。

【参考】

画像をリンクボタンに指定すると、一般的なブラウザでは画像の枠に線が入ってしまいます。この枠線を消したい場合には、border="" の値を 0 に指定します。

画像をリンクボタンに指定する方法は、「画像でリンクボタンを作る」をご覧ください。

メモ

この指定内容はスタイルシートで代替することができます。指定方法の詳細は「関連ページ」をご覧ください。


使用例

<p><img src="image/sample.jpg" alt="サンプル"> 指定なしの場合</p>

<p><img src="image/sample.jpg" alt="サンプル" border="1"> borderに1を指定した場合</p>

<p><img src="image/sample.jpg" alt="サンプル" border="5"> borderに5を指定した場合</p>

これをブラウザで見ると次のように表示されます

サンプル 指定なしの場合

サンプル borderに1を指定した場合

サンプル borderに5を指定した場合



[特集] レンタルサーバー比較 & サーバー選びのチェックポイント

サイト内検索について - ベーシック版