HTML Tutorials
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>
HTML Tutorials

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


Recommended Resources

web hosting tutorials
Credit Help		 Search the Internet
Search Engine Help		 Low Fat Lifestyle
Internet Traffic		 Web Hosting
Web Design

Discount Hotel Reservations

Search The Internet

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. About the author

All Rights Reserved, Copyright © Free-HTML-Tutorials.com 2003
A service of 1stHostWeb.com