HTML Image Borders

To change the appearance of image borders, you need to use CSS (Cascading Style Sheets). You can include CSS in your images using the style attribute of the HTML img tag. You can use the HTML code on this page to determine image borders within your HTML document.

Below are some examples of what you can do with HTML image borders using CSS.

Solid Border

CodeResult

Milford Sound in New Zealand

Dotted Border

CodeResult

Milford Sound in New Zealand

Grooved Border

CodeResult

Milford Sound in New Zealand

Double Border

CodeResult

Milford Sound in New Zealand

Outset Border

CodeResult

Milford Sound in New Zealand

Inset Border

CodeResult

Milford Sound in New Zealand

Ridged Border

CodeResult

Milford Sound in New Zealand

Dashed Border

CodeResult

Milford Sound in New Zealand

Mixed Border

CodeResult

Milford Sound in New Zealand

The above code uses the CSS border property which is shorthand for the various border properties (such as border-style, border-color etc. For more info, check out the various border properties on the CSS Properties list.

Enjoy this page?

  1. Link to this page (copy/paste into your own website or blog):
  2. Link to Quackit using one of these banner ads.

Thanks for supporting Quackit!

Sponsored Link: Design CODE-FREE Websites

Check a Domain:

ZappyHost Logo
Webydo Banner Ad