​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: thin solid black;
10
        outline-style: solid;
11
        outline-width: thick;
12
    }
13
    .a {
14
        outline-color: limegreen;
15
    }
16
    .b {
17
        outline: 5px dotted gold;
18
    }
19
</style>
20
​
21
<div>Default color. If the outline's color hasn't been explicity set, it uses <code>currentColor</code> (the value of the <code>color</code> property).</div>
22
​
23
<div class="a">This box's outline color has been explicity set.</div>
24
​
25
<div class="b">This box has had its outline properties set using the <code>outline</code> shorthand property.</div>