[新着] Webテンプレートを仮オープンしました
border は、枠線を指定するプロパティです。
img要素にこのスタイルを設定すると、画像の枠に線をつけることができます。
img {
border: 2px red solid;
}
| border | 枠線（太さ、色、スタイル）を指定します |
|---|
枠線の指定方法については、ボックスカテゴリーの「枠線」の項目をご覧ください。
【参考】
画像をリンクボタンに指定すると、一般的なブラウザでは自動的に枠線が入ってしまいます。この枠線を消したい場合は、border: none を指定します。
<html>
<head>
<title>TAG index Webサイト</title>
<style type="text/css">
<!--
#example { border: 5px red solid; }
a img { border: none; }
-->
</style>
</head>
<body>
<p><img src="image/photo.jpg" alt="サンプル" width="200" height="133" id="example"></p>
<p><a href="index.html"><img src="image/photo.jpg" alt="サンプル" width="200" height="133"></a></p>
</body>
</html>
▼これをブラウザで見ると次のように表示されます
