• 코드:
​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.none { border-style: none; }
10
        p.good { outline: 3px solid teal; }
11
        p.wrong { outline: 5px teal; }
12
    </style>
13
</head>
14
​
15
<body>
16
​
17
    <h1>외곽선의 스타일 변경</h1>
18
    <p class="good">outline-style 속성을 설정한 단락입니다.</p>
19
    <p class="wrong">outline-style 속성을 설정하지 않은 단락입니다.</p>
20
    <p class="none">외곽선의 축약 표현시에는 반드시 outline-style 속성이 먼저 설정되어 있어야 제대로 표현됩니다!</p>
21
22
</body>
23
​
24
</html>