Idocs Guide to HTML
Home >> Images >> <IMG ...>
previous page<IMG ALIGN="..."><IMG HSPACE="..."> next page

Attribute for <IMG ...>
BORDER = integer

BORDER is most useful for removing the visible border around images which are inside links. By default images inside lunks have visible borders around them to indicate that they are links. However, user generally recognize these "link moments" and the border merely detracts from the appearance of the page. For example, this button has a border around it:

this code produces this 
<A HREF="../"><IMG SRC="idocs.gif"
   ALT="Idocs Guide to HTML"
   HEIGHT=33 WIDTH=82></A>
Idocs Guide to HTML

To remove the border, set the BORDER attribute to 0:

this code produces this 
<A HREF="../"><IMG SRC="idocs.gif"
   BORDER=0
   ALT="Idocs Webmaster's Resources"
   HEIGHT=33 WIDTH=82></A>
Idocs Webmaster's Resources

For images that are not inside links, a BORDER value greater than zero sets a visible border around the image.

this code produces this 
<IMG 
    SRC="pumpkin.gif"
    ALT="picture of a pumpkin"
    HEIGHT=100 WIDTH=100
    BORDER=10>
picture of a pumpkin

Netscape still has problems correctly rendering visible borders. If you want a border around your image it may be better to simply add the border directly to your image using your favorite graphics editor.

previous page<IMG ALIGN="..."><IMG HSPACE="..."> next page
Copyright 1997-2002 Idocs Inc. Content in this guide is offered freely to the public under the terms of the Open Content License and the Open Publication License. Contents may be redistributed or republished freely under these terms so long as credit to the original creator and contributors is maintained.