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

CSS 참조 가이드

CSS @규칙(RULES)

CSS 속성 전체

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

text-align CSS 속성은 인라인 내용(예: 텍스트와 이미지)를 부모 블록 요소(예: 제목이나 구절) 안에서 수평 정렬 방식을 설정합니다.

아래 표는 이 속성의 사용 설명과 버전 기록, 그리고 이 속성이 JavaScript 스크립트에서 사용하는 문법을 설명합니다.

기본 값:left 만direction는 #39; ltr#39; right만 case direction는 #39; rtl#39;
적용:불리언 요소, 테이블 셀, 인라인 블록
thừa kế:
애니메이션 가능:아니요。보기: 애니메이션 속성
버전:CSS 1,2,3
JavaScript 문법:
 object.style.textAlign="right"

text-align 사용 문법

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

text-align: left | right | center | justify | initial | inherit

아래 예제는 text-align 속성.

  h1 {
   text-align: center;
  }
  p {
   text-align: justify;
  }
테스트해보세요‹/›

속성 값

아래 표는 이 속성의 값을 설명합니다。

설명
left인라인 텍스트를 왼쪽에 정렬합니다。
right인라인 텍스트를 오른쪽에 정렬합니다。
center인라인 텍스트를 중앙에 정렬합니다。
justify텍스트는 이해됩니다. 텍스트는 공백과 단어를 통해 단락의 좌우边缘에 정렬됩니다.
initial이 속성을 기본 값으로 설정합니다。
inherit지정된 경우, 관련 요소는 부모 요소의 text-align 속성 값.

브라우저 호환성

text-align 속성의 브라우저 호환성, 아래 표의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다; 모든 주요 브라우저는 이 속성을 지원합니다。

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 3+

  • Apple Safari 1+

  • Opera 3。5+

더 읽기

다음 튜토리얼을 참조하십시오:CSS 텍스트CSS 정렬

텍스트 관련 속성:letter-spacingtext-decorationtext-indenttext-overflowtext-shadowtext-transformwhite-spaceword-spacing