ソースなしで画像の周りの枠線を削除するにはどうすればよいですか？

Question

イメージがありますが、まだソースを定義していません。これは、境界線がある：/

例えば：私はそれをソースを与える場合<img src="" />

、境界線は（：border:noneによるCSSに）消えます。

ソースがない場合、画像の周りの枠線を削除するにはどうすればよいですか？

Answer 1

あなたは、それは、最高のはちょうどブラウザからデフォルトSRCに追加したりしない画像タグを持っている、またはその幅を設定することであることはできませんを与えます/利用可能なsrcがない場合、高さは0になります。透明なイメージをプレースホルダとして使用することもできます。私が提案する可能性が何

Answer 2

srcを与えるまで、隠すことができます。

img { 
height: 200px; 
width: 200px; 
visibility: hidden;  
}​ 

それとも0サイズ

img { 
height: 0; 
width: 0; 
}​ 

Answer 3

はSRC =「」それを削除し、

img { 
    display: none; 
} 


img[src] { 
    display: block; 
} 

やURLはいくつかの特別な単語が含まれているようにあなたは、HTTPのようにあなたが行うことができますが、知っていればできを持っていない場合には次のとおりです。

img[src*="http"] { 
    display: block; 
} 

Answer 4

データと画像：お使いのブラウザのサポートが必要に応じて、URLのsrc属性

<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="> 

よUもできます

img[src=""] { 
    content:url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="); 
} 

参照：http://probablyprogramming.com/2009/03/15/the-tiniest-gif-ever

Answer 5

visibility: hidden;が空の画像のスペースを保持します。 display: none;が完全に画像を隠し、何の予約領域

Answer 6

はありません私はあなたのimgタグのsrcが404のErrすることができtext-indent: 100vw;

.logo { 
 
    text-indent: 100vw; 
 
}

<img class="logo" src="" alt="my logo" />

Answer 7

を使用することをお勧めします。 ;）それはちょうどそのように消えます

div.menu_avatar { 
    width: 50px; 
    height: 50px; 
    overflow:hidden; 
} 
div.menu_avatar img{ 
    width:52px; 
    height:52px; 
    margin-left: -1px; 
    margin-top:-1px; 
} 

Answer 8

だけsrc=""を削除します。この場合は、あなたに従って使用することができます。