How to remove border around images?

Question

I'm a mobile developer struggling with some HTML works in my app. It looks too easy but I couldn't figure it out:

<html>
    <body>
        <img src="http://www.reactiongifs.com/r/iwsyih.gif"/>
    </body>
</html>

a white border around image appears but I don't want that happen. how to remove it? thanks

thanks anyone for your kind help +1 – user3293835 Feb 25 '14 at 23:07 — user3293835, Feb 25 '14 at 23:07

Alessandro Minoccheri · Answer 1 · 2014-02-25T23:05:55.913

2

try this code please

img{
   border:0;
}

You can also add a class for only this image:

img.img{
  order:0;
}

<img src="http://www.reactiongifs.com/r/iwsyih.gif" class="img"/>

By default the setting of border is medium none color

edited Feb 25 '14 at 23:05

answered Feb 25 '14 at 23:00

where does `.myClass` comes from? It should be `.img` – Rahil Wazir Feb 25 '14 at 23:02
PS your CSS ".myClass" example doesn't match your HTML. – scunliffe Feb 25 '14 at 23:02
@AlessandroMinoccheri still wrong. You mean `img.img`. Also without using CSS it don't display any white border in fiddler. – Rahil Wazir Feb 25 '14 at 23:04

score 1 · Answer 2 · answered Feb 25 '14 at 23:00

1

<img src="http://www.reactiongifs.com/r/iwsyih.gif" style="margin:0px;padding:0px;border:0px"/>

answered Feb 25 '14 at 23:00

morepaolo

score 1 · Answer 3 · answered Feb 25 '14 at 23:02

1

Try:

<img src="http://www.reactiongifs.com/r/iwsyih.gif" style="border:0px;"/>

answered Feb 25 '14 at 23:02

ojovirtual

score 1 · Accepted Answer · answered Feb 25 '14 at 23:02

1

It's the default padding/margin on the body element. That's the purpose of a 'CSS reset'. Just add this to your styles:

body {margin: 0; padding: 0;}

answered Feb 25 '14 at 23:02

ralph.m

Can you tell me more about CSS reset? – Osama Yawar Feb 26 '14 at 02:13
Check this out: http://meyerweb.com/eric/tools/css/reset/ – ralph.m Feb 26 '14 at 06:43

score 0 · Answer 5 · edited Feb 25 '14 at 23:49

0

If you are using css attachment, then:

    img{
   border:0;
}

If you are using styles in the div itself, then use style="border:0px"

edited Feb 25 '14 at 23:49

neminem

answered Feb 25 '14 at 23:27

Amber Kosh

5 Answers5