English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS 참조 매뉴얼

CSS @규칙(RULES)

CSS 속성 전체

CSS 텍스트-indent 속성 사용 방법 및 예제

text-indent CSS 속성은 요소 내 첫 번째 행 텍스트의 인덱트를 지정합니다.

다음 표는 이 속성의 사용 설명과 버전 이력, 이 속성이 JavaScript 스크립트에서 사용하는 문법을 설명합니다.

기본 값:0
적용:블록과 인라인 블록 요소, 테이블 셀
thừa kế:
애니메이션 가능:네.참조: 애니메이션 속성
버전:CSS 1,2,3
JavaScript 문법:object.style.textIndent="50px"

text-indent 사용 문법

이 속성의 문법은 다음과 같습니다:

text-indent: length | percentage | initial | inherit

아래의 예제는 text indent를 사용하는 방법을 보여줍니다.-indent 속성.

  p {
   text-indent: 100px;
  }
테스트를 보고‹/›

속성 값

다음 표는 이 속성의 값을 설명합니다.

설명
length고정 길이의 인덱트를 지정합니다. 음수 값을 사용할 수 있습니다.
percentageindent는 포함된 블록 너비의 퍼센트(%)입니다. 음수 퍼센트 값을 사용할 수 있습니다.
initial이 속성을 기본 값으로 설정합니다.
inherit지정된 경우, 관련 요소는 부모 요소의 text를 사용합니다.-indent의 속성 값.

브라우저 호환성

text-indent 속성의 브라우저 호환성을 확인하십시오. 다음 표의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다. 모든 주요 브라우저는 이 속성을 지원합니다.

  • 파이어폭스 1+

  • Google 크롬1+

  • 인터넷 익스플로러 3+

  • Apple 사파리 1+

  • 오페라 3。5+

더 읽기

다음 튜토리얼을 참조하십시오:CSS 문서CSS 여백

문서 관련 속성:letter-spacingtext-aligntext-decorationtext-overflowtext-shadowtext-transformwhite-spaceword-spacing