text-indent Property

Home > Document > CSS > Text > text-indent

text-indent Property

text-indent Property 는 첫 줄 들여쓰기를 다루는 Property 입니다. 길이 단위(Length units)와 백분율(Percentage) 모두 사용 가능합니다. 길이 단위는 음수 길이(Negative length)도 가능합니다. 양수를 사용하면 오른쪽 들여쓰기, 음수를 사용하면 왼쪽 내어쓰기가 됩니다.

  [표 보는 방법]
text-indent Property
Value <length> | <percentage> | Inherit
Initial 0
Applies to block-level elements
Inherited yes
Percentages refer to width of containing block
Media Visual
HTML Syntax { text-indent: sIndent }
Scripting object.style.textIndent [ = sIndent ]



CSS Scripting
onMouseOver="this.style.textIndent='25px';"

입력 
<HTML>
    <HEAD>
        <TITLE>text-indent Property</TITLE>
    <STYLE type="text/css">
    <!-- 
    .posi { text-indent : 50px;}
    .nega { text-indent : -50px}
    -->
    </STYLE>
    </HEAD>
    <BODY>
    <P onMouseOver="this.className='posi';" onMouseDown="this.className='nega';"
    onMouseUp="this.className='';" onMouseOut="this.className='';">
        Powell's April 14 letter to Defense Secretary Donald H. Rumsfeld said the U.S. still was
        questioning some 660 prisoners from 42 countries about al-Qaida and other terrorist
        activities. The prisoners have been held without trial and do not have access to 
        lawyers.
    </P>
    </BODY>
</HTML>
출력결과
Powell's April 14 letter to Defense Secretary Donald H. Rumsfeld said the U.S. still was questioning some 660 prisoners from 42 countries about al-Qaida and other terrorist activities. The prisoners have been held without trial and do not have access to lawyers.




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

Top
Back
New
검색