"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

@@ 2번째 줄: / 2번째 줄: @@
 ;CSS text-decoration Property
 ;CSS text-decoration 속성
-* 윗줄, 가운데줄, 윗줄을 넣을 수 있는 CSS 속성
+* 윗줄, 가운데줄, 밑줄을 넣을 수 있는 CSS 속성
 ==값 목록==
-*none: 일반 텍스트(기본값)
+{| class='wikitable'
-*underline: 밑줄
+! 값 !! 설명
-*overline: 윗줄
+|-
-*line-through: 삭선(가운데줄)
+| none || 일반 텍스트(기본값)
+|-
+| overline || [[윗줄]]
+|-
+| 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>
@@ 29번째 줄: / 36번째 줄: @@
 *[[CSS color 속성]]
 *[[HTML4 s 태그, strike 태그]]
+*[[HTML del 태그]]
 *[[취소선]]
-==참고 자료==
+==참고==
 *http://www.w3schools.com/cssref/pr_text_text-decoration.asp
 [[분류: CSS]]