개체 속에서 텍스트의 정렬 방식을 반환하거나 설정한다.

인수
cssSelector : (스타일 선택자)
속성을 가질수 있는 엘레멘트()나 클라스(class) 이름 혹은 인식자(id)이다.

: (속성 문자열)
스타일 속성은 개체 속에서 텍스트의 정렬 방식을 나타내는 문자열이다.

left 디폴트이며, 텍스트는 왼쪽에 정렬된다.
right 텍스트는 오른쪽에 정렬된다.
center 텍스트는 중앙에 정렬된다.
justify 텍스트는 배분되어 정렬된다.

이 속성은 currentStyle에서는 읽기전용이고, 그외의 개체에서는 읽기/쓰기이며, 디폴트값은 left이다.

CSS(Cascading Style Sheets) 애트리뷰트는 상속된다.

특기

이 속성은 블럭 엘레멘트에 적용된다.
이 속성은 div 개체 속의 모든 블럭 개체들에 상속된다. 속성이 지정되지 않았으면 null이 반환된다.

IE4.0에서 justify 속성값이 가능한다.

적용
개체scriptCSS IE 버전
참조

이 속성은 CSS1(Cascading Style Sheets, Level 1)에서 정의되었다.


속성은 어떻게 정렬할 것인가를 나타내는 문자열이다.

<STYLE>p.pClass button{width:90}</STYLE>
<SCRIPT>
function doShow(){
  showA.innerHTML='divObj.currentStyle.textAlign='+divObj.currentStyle.textAlign;
}
</SCRIPT>
<DIV id="divObj" style="width:500;border:1;text-align:justify;text-justify:distribute;border:solid 1 blue">
속성은 어떻게 정렬할 것인가를 나타내는 문자열이다.
</DIV>
<P class="pClass">
<BUTTON onclick="divObj.style.textAlign='center';doShow();">center</BUTTON>
<BUTTON onclick="divObj.style.textAlign='justify';doShow();">justify</BUTTON>
<BUTTON onclick="divObj.style.textAlign='left';doShow();">left</BUTTON>
<BUTTON onclick="divObj.style.textAlign='right';doShow();">right</BUTTON>
<DIV id=showA><SCRIPT>document.write('divObj.style.textAlign='+divObj.style.textAlign)</SCRIPT></DIV>