[DOM_Style] JS - textAlign 속성 ★ - 텍스트 가로/수평 정렬 (= 텍스트 좌측정렬/중앙정렬/우측정렬 = 텍스트 왼쪽정렬/가운데정렬/오른쪽정렬 = textAlign속성 = 텍스트얼라인 속성)

1. textAlign 예제 - 텍스트 정렬
2. textAlign 정의
3. textAlign 구문

textAlign 예제 - 텍스트 정렬

 

<p id="hz">홈짱닷컴 Homzzang.com</p>

<button type="button" onclick="homzzang()">클릭</button>

<script>

function homzzang() {

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

}

</script>

 

결과보기

textAlign 정의

 

block 요소에서 텍스트의 수평 정렬 설정/반환. 

 

---

 

1.

• 기본값: (direction:ltr 경우 left , direction:rtl 경우 right)
• 반환값: text-align 나타내는 문자열
• CSS속성: text-align
• CSS버전: CSS1

2.

모든 브라우저 지원. 

 

textAlign 구문

 

[반환]

object.style.textAlign

 

[설정]

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

 

---

[속성값]

 

left

왼쪽정렬. (기본값)

 

right

오른쪽정렬.

 

center

가운데 정렬. (= 중앙정렬)

 

justify

양쪽균분배분정렬 (= 양쪽균분정렬 = 좌우균분배분정렬 = 좌추균분정렬)

 

initial

이 속성의 기본값으로 설정.

 

inherit

부모요소의 속성값 상속.