CSS 텍스트-인덱스 속성

정의

text-indent 속성은 텍스트 블록 내 첫 번째 줄 텍스트의 줄이기를 정의합니다.

주석:음수 값을 사용할 수 있습니다. 음수 값을 사용하면 첫 번째 줄이 왼쪽으로 줄이됩니다.

주의:CSS 2.1 이전에는 text-indent는 항상 계산된 값이 아니라 선언된 값이 상속됩니다.

설명

블록 요소 내 첫 번째 내용 줄의 줄이기를 정의합니다. 이는 '탭' 효과를 만들기 위해 가장 많이 사용됩니다. 음수 값을 지정할 수 있으며, 이는 'suspend 줄이기' 효과를 생성합니다.

추가로 참조:

CSS 강의:CSS 텍스트

HTML DOM 참조 매뉴얼:textIndent 속성

예제

첫 번째 줄을 50픽셀로 줄이기:

p
  {
  text-indent:50px;
  }

직접 시도해 보세요

CSS 문법



속성 값





값
설명




length
고정된 줄이기 정의. 기본 값: 0.




%
부모 요소의 너비를 기반으로 한 퍼센트 비율로 줄이기 정의.




inherit
부모 요소에서 text-indent 속성 값이 상속되어야 합니다.









기술 세부 사항



  

    기본 값:
    지정되지 않음
  

  

    상속성:
    yes
  

  

    버전:
    CSS1
  

  

    JavaScript 문법:
    object.style.textIndent="50px"
  








더 많은 예제




텍스트 줄이기


이 예제에서는 텍스트의 첫 번째 줄을 줄이는 방법을 보여줍니다.








브라우저 지원


표中的 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.





Chrome
IE / Edge
Firefox
Safari
Opera




1.0
3.0
1.0
1.0
3.5