개체 속에서 텍스트의 정렬 방식을 반환하거나 설정한다.
| left | 디폴트이며, 텍스트는 왼쪽에 정렬된다. |
| right | 텍스트는 오른쪽에 정렬된다. |
| center | 텍스트는 중앙에 정렬된다. |
| justify | 텍스트는 배분되어 정렬된다. |
이 속성은 currentStyle에서는 읽기전용이고, 그외의 개체에서는 읽기/쓰기이며, 디폴트값은 left이다.
CSS(Cascading Style Sheets) 애트리뷰트는 상속된다.
이 속성은 블럭 엘레멘트에 적용된다.
이 속성은 div 개체 속의 모든 블럭 개체들에 상속된다.
속성이 지정되지 않았으면 null이 반환된다.
IE4.0에서 justify 속성값이 가능한다.
| 개체 | script | CSS | 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>