• 締切済み

html img border

http://www.htmq.com/html/img.shtml このサイトのhtmlソースで「border="0"」 「border="1"」とありますが、borderを書く意味はなんでしょうか

  • HTML
  • 回答数1
  • ありがとう数1

みんなの回答

回答No.1

どの意味での質問かを判断しかねるので結論めいたことから 「img要素のborder属性値はHTML5で無くなりました borderはcssで指定しましょう」 borderは要素の境界線を描くための属性値です しかしこの属性値の初期値がブラウザによってバラバラでした imgのborderを指定して初期値のままにしない というのがコーディングする上での定石でした CSS非対応のブラウザに備えてその辺りのことをCSSでなく 属性値で書くというのも太古の昔には定石だったのです しかしもはやそんな時代ではありません 「HTMLで装飾はしない、装飾はCSSでする」という方針があります 実際HTML5では装飾のための要素や属性値は一通り削除されました align,border,vspaceといった属性値はHTML5では無くなりました バグやエラーにはなりませんが border属性値はもう書かないほうがいいでしょう

関連するQ&A

  • <img src="00.gif" border="0">←これをCSSでやりたい

    製作しているサイトに小さい画像が沢山あります。 今までは<img src="00.gif" border="0">と普通に書いていたんですが、 なにせ画像の数が多いのでいちいち記述すると見直す際に見にくくて邪魔なんです。 この部分のborder="0"をCSSで記述し 、一括で各イメージのボーダーを0pxにする方法って何かありますか? もちろんborder="5"と記述したらボーダーが5pxになります。 以上宜しく教えて下さい。

    • ベストアンサー
    • HTML
  • <img src=** border=0>の一括指定

    ファイルの中に、<img src=** border=0>のタグが複数あり、 少しでも、ページを軽くしたいので、 cssなどを使用して、border=0というのを一括指定することは可能でしょうか? わかる方が居りましたら、ぜひ、教えて下さい。 それでは、宜しくお願いします。

    • ベストアンサー
    • HTML
  • <img src=http://にしたい

    PHPでWebページのソースを取得して そのソースの中の<img>タグの src属性がもしhttp://で始まらなかった場合 取得したURLをsrc属性に加える方法はないでしょうか? 例 URL=http://www.○○.com ソース <img src="/image/01.jpg"> ↓ <img src="http://www.○○.com/image/01.jpg"> に変更したいです。 よろしくお願いします。

    • ベストアンサー
    • PHP
  • imgタグについて

    imgタグについて http://okwave.jp/qa/q5970749.html この件で質問させていただいてましたが、気になる事がありましたのでアドバイスください。 最初のタグーーーーーーーー img{border: 0; vertical-align:bottom;} ーーーーーーーーーーーーー <img src="/img/space.gif" width="100%" height="10px"/> IE8でimgタグのvertical-align:top;が反応して1px×1pxの透明の画像が縦に10px以上伸びてしまっていました。 ↓そこで、このように分ければいいとアドバイスいただきましたが、 .img1{border: 0;} .img2{border: 0; vertical-align:bottom;} imgタグは他のページでも使用しているため img{border: 0; vertical-align:bottom;}は変更出来ませんでした。 そこで、img2{border : 0;} とcssに書き込み <img2 src="http://www.itumonavi.jp/img/space.gif" width="100%" height="10px" /> にするとバグは解消されました。 ですが、html的に<img2~ というタグは見た事無いのですが、これは使っておいても問題ないのでしょうか? もし他に方法がございましたら教えてください。 【css】-------------------------- img { border: 0; vertical-align:top; } .img1 { border: 0; } 【html】-------------------------- <table width="635" height="31" border="0" cellspacing="0" cellpadding="0" bgcolor="#999999"> <tr> <td width="635">タイトル</td> </tr> </table> <table width="635" border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan="3"><img src="/img/space.gif" width="100%" height="10px" class="img1"/><!-- スペース --></td> </tr> <tr> <td width="170" rowspan="2"><img src="img/sample.gif" width="170" height="170" alt="test" /></td> <td width="20" rowspan="2"><img src="img/space.gif" width="20" height="170" class="img1" /><!-- スペース --></td> <td width="445" style="vertical-align:text-top"><img src="img/space.gif" width="100%" height="5" class="img1" /><!-- スペース -->コピー<div class="guide-line"></div><!-- ライン --> </td> </tr> </table>

    • ベストアンサー
    • HTML
  • cssはpタグの中にかけるのか。

    http://www.htmq.com/css/overflow.shtml 上記サイトを見ていると、overflowプロパティをHTMLのpタグの中に書き込んでいますが、こういう書き方って実際に可能なのでしょうか。

    • 締切済み
    • CSS
  • cssのimgに2つ設定。

    cssのimgに2つ設定。 img {border: 0;} img{border: 0; ertical-align:bottom} この2つを使い分けしたいのですが可能でしょうか? img以外の名前にするとやはり無理でしょうか。

    • ベストアンサー
    • HTML
  • <ins>のcite属性はプラウザで表示される?

    http://www.htmq.com/html/ins.shtml 上記のサイトを参考にしています。 <ins>要素のcite属性とdetetime属性は、プラウザで見た時に表示されません。 title属性はカーソルを合わせるとプラウザに表示されます。 cite属性とdetetime属性は、HTMLのソースを見ないと意味が無いと思います。 HTMLのコメント機能と同等、又はクローラーの為も物なのでしょうか?

  • z-indexを使用した枠の設定について

    z-indexを使用して画像の枠を丸くしたいと思い、 参考URL→http://www.htmq.com/style/z-index.shtml を参考にしたのですが出来ません。 div.imageboxで作った角丸の枠を画像の上から重ねて画像を角丸にしたいのですが、どうすれば良いのでしょうか。 ちなみにcssやhtmlで画像を背景画像として扱うという方法は私事情で出来ません。申し訳ありません。この方法ならば簡単にできるのですが・・・ 下はそのソースです。お願いいたします。 <!-- css --> div.imagebox{       //枠の設定 height:150px; width:150px; display: inline-block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position:relative; z-index:2; }img.imagebox{      //画像のz-index設定 position:relative; z-index:1; } <!-- html --> <div class="imagebox"> <img src="画像" width="150" height="150" border="0" class="imagebox"> </div>

  • メタタイトルとは?

    「メタタイトル」という記述が http://bazubu.com/wordpress-seo-10752.html にあるのですが、 http://www.htmq.com/html5/meta.shtml には「メタタイトル」はありません。 メタタイトルとは何ですか?

  • 「インライン要素」と「ブロック要素」の違いは何

    SPANタグの意味を調べたくてググったら http://www.htmq.com/html/span.shtml を見たのですが、 divタグと、SPANタグの違いがよくわからないのですが、 「インライン要素」と「ブロック要素」の違いは何でしょうか?

    • ベストアンサー
    • CSS

専門家に質問してみよう