text-decoration Property

Home > Document > CSS > Text > text-decoration

text-decoration Property

text-decoration Property 는 글자에 장식(Decoration)을 다루는 Property 입니다. 글자의 장식에는 밑줄(underline), 윗줄(overline), 가운데 줄(line-through), 깜빡이는 글씨(blink : IE 지원 안됨) 등이 있고, 아무런 장식이 없는 글자(none : default)가 있습니다. [ underline || overline || line-through || blink ] 등은 동시에 여러 Keyword를 지정할 수 있습니다.

  [표 보는 방법]
text-decoration Property
Value none | [ underline || overline || line-through || blink ] | Inherit
Initial none
Applies to all elements
Inherited no
Percentages N/A
Media Visual
HTML Syntax { text-decoration: sDecoration }
Scripting object.style.textDecoration [ = sDecoration ]



CSS Scripting
onDblClick="this.style.textDecoration='underline';"

입력 - underline 과 overline 2개의 장식을 사용한 DHTML 
<HTML>
    <HEAD>
        <TITLE>text-decoration Property</TITLE>
    <STYLE type="text/css">
    <!-- 
    .UnderOver { text-decoration : underline overline; cursor : pointer;} /*손가락 모양 cursor*/
    .none { text-decoration : none;}
    .lineThrough { text-decoration : line-through; cursor : pointer; } /*손가락 모양 cursor*/
    -->
    </STYLE>
    </HEAD>
    <BODY>
        <P class="none" onMouseOver="this.className='UnderOver';" 
        onMouseOut="this.className='none';" onMouseDown="this.className='lineThrough';"
        onMouseUp="this.className='UnderOver';">
            text-decoration Property
        </P>
    </BODY>
</HTML>
출력결과

text-decoration Property





이 문서의 저작권은 www.cadvance.org 에 있습니다.

Top
Back
New
검색