• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>CSS Outline</title>
7
    <style>
8
        p { border: 1px solid black; }
9
        p.solidA {
10
            outline-style: solid;
11
            outline-color: violet;
12
            outline-width: 2px;
13
        }
14
        p.solidB {
15
            outline-style: solid;
16
            outline-color: coral;
17
            outline-width: 7px;
18
        }
19
        p.dashedA {
20
            outline-style: dashed;
21
            outline-color: violet;
22
            outline-width: thin;
23
        }
24
        p.dashedB {
25
            outline-style: dashed;
26
            outline-color: coral;
27
            outline-width: thick;
28
        }
29
    </style>
30
</head>
31
​
32
<body>
33
​
34
    <h1>outline-width 속성을 이용한 외곽선의 두께 설정</h1>
35
    <p class="solidA">outline-width 속성값을 2px로 한 단락입니다.</p>
36
    <p class="solidB">outline-width 속성값을 5px로 한 단락입니다.</p>
37
    <p class="dashedA">outline-width 속성값을 thin으로 한 단락입니다.</p>
38
    <p class="dashedB">outline-width 속성값을 thick으로 한 단락입니다.</p>
39
​
40
</body>
41
​
42
</html>