How do I change an image border color to another color - Dreamweaver CS5?

Question

Good day,
I have just learned how to add a border to an image with Dreamweaver CS5 within the Properties Inspector.
After typing the width in pixels in the Border Text Field and pressing the Enter key, Dreamweaver created a black border.
How do I change the image border color to another color?

Answer 1

I added your suggested rule to the Style Sheet "in any order" as you explained. See the image below.
However this did not change the image border from black to light blue. In fact, nothing changed.
Nothing changed because the CSS that has been written into DW is incorrectly written.
You want the following (exactly as written below)
img {border: 4px solid #0062C8;}
You've inadvertently wrapped the rule inside a #main_image container rendering it meaningless.
It's easiest to go into Code View and change
#main_image {
     img {border: 4px solid #0062C8;
to
img { border: 4px solid #0062C8; }
The Property Inspector added a border exactly as I wanted it, other than the color I wanted the border to be. What is the use of this function in Property Inspector if it can add a border within Property Inspector but not let me change the COLOR of the black border that Property Inspector added, to another color?
That's a deceptively simple, yet valid, question with a long answer.
Back in the dark old days of web design web designers were restricted to inline HTML formatting which offered  border properties but no colors.
CSS styling offers colors and more but has to be written differently.
These days. it's best to avoid HTML formatting. Unfortunately border="4px" in the PI still allows it. But does not permit color.
Does anyone else out there ever add color borders to their IMAGES (not the containing box for the image) ?
Yes, using CSS.