목차
- textAlign 예제 - 텍스트 정렬
- textAlign 정의
- 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
부모요소의 속성값 상속.