4-7-3　CSSで画像の線を消す

<img>要素 のborder属性（border="0"等）ですが、CSSでの代替えが薦められている属性です。HTML文章中にこの項目を記載せずに、CSSで画像に関する記述する事をお勧め致します。（しかし古いブラウザだとCSS自体が上手く解釈されない場合がございますので、HTML文法チェッカーなどでは減点対象にはなっておりません）

<head> ～ </head> 内に記述して下さい。

<style type="text/css">
<!--
img { border: none; } /* 画像の線なし */
-->
</style>
  1. 線があった方が良い方
    「none」を「1px solid #000000」等に変更して下さい。
  2. 線を太くしたい方
    「1px」を「2px」等に数字を大きくして下さい。
  3. 線の種類を変えたい方
    （1）の「solid」を「dashed（点線）」等に変更して下さい。

    [ 関連事項 ： HP-TIPS > CSS > 枠線の種類 ]

  4. 線の色を変えたい方
    （1）の「#000000」（黒）を「#cc0000」（赤）等に変更して下さい。

[ 関連事項 ： HP-TIPS > CSS > スタイルシートの書式 ]
[ 関連事項 ： HP-TIPS > CSS > 外部スタイルシートの記述方法 ]
[ 関連事項 ： HP-TIPS > CSS > LINKのレシピ集 > リンクの下線を一括で消す ]

pagetop