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

This code results in:

Dotted Border

This code results in:

Grooved Border

This code results in:

Double Border

This code results in:

Thick Solid Border

This code results in:

Outset Border

This code results in:

Inset Border

This code results in:

Ridged Border

This code results in:

Dashed Border

This code results in:

Mixed Border

This code results in:

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.