​x
 
1
<!DOCTYPE html>
2
<title>My Example</title>
3
<style>
4
    div {
5
        border-color: gold;
6
        border-width: thick;
7
        height: 4.5vh;
8
        margin: 4vh;
9
    }
10
    .a {
11
        border-style: solid;
12
    }
13
    .b {
14
        border-style: dotted;
15
    }
16
    .c {
17
        border-style: dashed;
18
    }
19
    .d {
20
        border-style: inset;
21
    }
22
    .e {
23
        border-style: outset;
24
    }
25
    .f {
26
        border-style: groove;
27
    }
28
    .g {
29
        border-style: double;
30
    }
31
    .h {
32
        border-style: ridge;
33
    }
34
    .i {
35
        border-style: dotted dashed solid double;
36
    }
37
</style>
38
​
39
<div class="a"></div>
40
<div class="b"></div>
41
<div class="c"></div>
42
<div class="d"></div>
43
<div class="e"></div>
44
<div class="f"></div>
45
<div class="g"></div>
46
<div class="h"></div>
47
<div class="i"></div>