HTML Image Borders

Solid Border

<!-- HTML codes by Quackit.com --><br /> <img style="border:1px solid black;" src="http://www.quackit.com/pix/milford_sound/milford_sound_t.jpg" width="225" height="151" alt="Milford Sound in New Zealand" /><br /> <p style="font-family:sans-serif;font-size:10px;"><a href="http://www.quackit.com/html/tutorial/html_images.cfm">HTML Images</a></p><br />
This code results in:

Dotted Border

<!-- HTML codes by Quackit.com --><br /> <img style="border:2px dotted #545565;" src="http://www.quackit.com/pix/milford_sound/milford_sound_t.jpg" width="225" height="151" alt="Milford Sound in New Zealand" /><br /> <p style="font-family:sans-serif;font-size:10px;"><a href="http://www.quackit.com/html/tutorial/html_images.cfm">HTML Images</a></p><br />
This code results in:

Grooved Border

<!-- HTML codes by Quackit.com --><br /> <img style="border:6px groove #545565;" src="http://www.quackit.com/pix/milford_sound/milford_sound_t.jpg" width="225" height="151" alt="Milford Sound in New Zealand" /><br /> <p style="font-family:sans-serif;font-size:10px;"><a href="http://www.quackit.com/html/tutorial/html_images.cfm">HTML Images</a></p><br />

This code results in:

Double Border

<!-- HTML codes by Quackit.com --><br /> <img style="border:6px double #545565;" src="http://www.quackit.com/pix/milford_sound/milford_sound_t.jpg" width="225" height="151" alt="Milford Sound in New Zealand" /><br /> <p style="font-family:sans-serif;font-size:10px;"><a href="http://www.quackit.com/html/tutorial/html_images.cfm">HTML Images</a></p><br />
This code results in:

Thick Solid Border

<!-- HTML codes by Quackit.com --><br /> <img style="border:60px solid #545565;" src="http://www.quackit.com/pix/milford_sound/milford_sound_t.jpg" width="225" height="151" alt="Milford Sound in New Zealand" /><br /> <p style="font-family:sans-serif;font-size:10px;"><a href="http://www.quackit.com/html/tutorial/html_images.cfm">HTML Images</a></p><br />
This code results in:

Outset Border

<!-- HTML codes by Quackit.com --><br /> <img style="border:6px outset #545565;" src="http://www.quackit.com/pix/milford_sound/milford_sound_t.jpg" width="225" height="151" alt="Milford Sound in New Zealand" /><br /> <p style="font-family:sans-serif;font-size:10px;"><a href="http://www.quackit.com/html/tutorial/html_images.cfm">HTML Images</a></p><br />
This code results in:

Inset Border

<!-- HTML codes by Quackit.com --><br /> <img style="border:6px inset #545565;" src="http://www.quackit.com/pix/milford_sound/milford_sound_t.jpg" width="225" height="151" alt="Milford Sound in New Zealand" /><br /> <p style="font-family:sans-serif;font-size:10px;"><a href="http://www.quackit.com/html/tutorial/html_images.cfm">HTML Images</a></p><br />
This code results in:

Ridged Border

<!-- HTML codes by Quackit.com --><br /> <img style="border:6px ridge #545565;" src="http://www.quackit.com/pix/milford_sound/milford_sound_t.jpg" width="225" height="151" alt="Milford Sound in New Zealand" /><br /> <p style="font-family:sans-serif;font-size:10px;"><a href="http://www.quackit.com/html/tutorial/html_images.cfm">HTML Images</a></p><br />
This code results in:

Dashed Border

<!-- HTML codes by Quackit.com --><br /> <img style="border:6px dashed #545565;" src="http://www.quackit.com/pix/milford_sound/milford_sound_t.jpg" width="225" height="151" alt="Milford Sound in New Zealand" /><br /> <p style="font-family:sans-serif;font-size:10px;"><a href="http://www.quackit.com/html/tutorial/html_images.cfm">HTML Images</a></p><br />
This code results in:

Mixed Border

<!-- HTML codes by Quackit.com --><br /> <img style="border-width:10px;border-color:#545565;border-style:dotted dashed solid double;" src="http://www.quackit.com/pix/milford_sound/milford_sound_t.jpg" width="225" height="151" alt="Milford Sound in New Zealand" /><br /> <p style="font-family:sans-serif;font-size:10px;"><a href="http://www.quackit.com/html/tutorial/html_images.cfm">HTML Images</a></p><br /> <br />
This code results in: