Style textAlign 속성

정의와 사용법

textAlign 블록 요소의 텍스트 수평 정렬 방식을 설정하거나 반환합니다.

추가로 참조:

CSS 강의:CSS 텍스트

CSS 참조 매뉴얼:text-align 속성

예제

예제 1

<p> 요소 내 텍스트를 중앙 정렬:

document.getElementById("myP").style.textAlign = "center";

직접 시도해 보세요

예제 2

<p> 요소의 텍스트 정렬 방식 반환:

alert(document.getElementById("myP").style.textAlign);

직접 시도해 보세요

문법

textAlign 속성 반환:

object.style.textAlign

textAlign 속성 설정:

object.style.textAlign = "left|right|center|justify|initial|inherit"

속성 값

값 설명
left 텍스트를 왼쪽에 정렬합니다. 기본.
right 텍스트를 오른쪽에 정렬합니다.
center 텍스트를 중앙에 정렬합니다.
justify 텍스트가 조정됩니다(양쪽 정렬).
initial 이 속성을 기본 값으로 설정합니다. 참조: initial.
inherit 부모 요소에서 이 속성을 상속받습니다. 참조: inherit.

기술 세부 사항

기본 값: left
반환 값: 문자열, 요소 내 텍스트의 수평 정렬 방식을 나타냅니다.
CSS 버전: CSS1

브라우저 지원

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
지원 지원 지원 지원 지원