"CSS text-decoration 속성"의 두 판 사이의 차이

2018년 6월 13일 (수) 16:18 기준 최신판

1 개요[ | ]

CSS text-decoration Property
CSS text-decoration 속성

윗줄, 가운데줄, 밑줄을 넣을 수 있는 CSS 속성

2 값 목록[ | ]

값	설명
none	일반 텍스트(기본값)
overline	윗줄
line-through	가운데줄
underline	밑줄

3 예시[ | ]

<style>
.box1 { text-decoration: none; }
.box2 { text-decoration: overline; }
.box3 { text-decoration: line-through; }
.box4 { text-decoration: underline; }
</style>

<span class='box1'>안녕 none</span>
<span class='box2'>안녕 overline</span>
<span class='box3'>안녕 line-through</span>
<span class='box4'>안녕 underline</span>

4 같이 보기[ | ]

5 참고[ | ]

http://www.w3schools.com/cssref/pr_text_text-decoration.asp

@@ 10번째 줄: / 10번째 줄: @@
 | none || 일반 텍스트(기본값)
 |-
-| underline || 밑줄
+| overline || [[윗줄]]
 |-
-| overline || 윗줄
+| line-through || [[가운데줄]]
 |-
-| line-through || 삭선(가운데줄)
+| underline || [[밑줄]]
 |}
 ==예시==
-<source lang='html5'>
+<source lang='html'>
 <style>
 .box1 { text-decoration: none; }
-.box2 { text-decoration: underline; }
+.box2 { text-decoration: overline; }
-.box3 { text-decoration: overline; }
+.box3 { text-decoration: line-through; }
-.box4 { text-decoration: line-through; }
+.box4 { text-decoration: underline; }
 </style>
 <span class='box1'>안녕 none</span>
-<span class='box2'>안녕 underline</span>
+<span class='box2'>안녕 overline</span>
-<span class='box3'>안녕 overline</span>
+<span class='box3'>안녕 line-through</span>
-<span class='box4'>안녕 line-through</span>
+<span class='box4'>안녕 underline</span>
 </source>
 <jsfiddle>ass66pk4</jsfiddle>