​x
 
1
<!DOCTYPE html>
2
<title>My Example</title>
3
<style>
4
    div {
5
        color: darkorange;
6
        font-size: 3vw;
7
        padding: 3vw;
8
        margin: 3vw;
9
        border-style: solid;
10
    }
11
    .a {
12
        border-color: limegreen;
13
    }
14
    .b {
15
        border-color: navy yellowgreen tomato silver;
16
    }
17
    .c {
18
        border: 5px dotted gold;
19
    }
20
</style>
21
​
22
<div>Default color. If the border's color hasn't been explicity set, it uses <code>currentColor</code> (the value of the <code>color</code> property).</div>
23
​
24
<div class="a">This box's border color has been explicity set.</div>
25
​
26
<div class="b">Each side of this box has been set to a different color.</div>
27
​
28
<div class="c">This box has had its border properties set using the <code>border</code> shorthand property.</div>