한줄의 텍스트 개체나 개체의 텍스트의 마지막 줄을 어떻게 정렬할 것인가를 반환하거나 설정한다.
| auto | 디폴트이며, 텍스트는 textAlign 속성값을 사용하여 개체 속의 다른 줄들고 같이 정렬된다. |
| center | 텍스트는 중앙에 정렬된다. |
| inherit | 속성을 상속받아 텍스트는 모체의 텍스트와 같이 정렬된다. |
| justify | 텍스트는 배분되어 정렬된다. |
| left | 텍스트는 왼쪽에 정렬된다. |
| right | 텍스트는 오른쪽에 정렬된다. |
이 속성은 currentStyle에서는 읽기전용이고, 그외의 개체에서는 읽기/쓰기이며, 디폴트값은 auto이다.
CSS(Cascading Style Sheets) 애트리뷰트는 상속된다.
이 속성은 블럭 엘레멘트에 적용된다.
| 개체 | script | CSS | IE 버전 |
|---|
<STYLE>p.pClass button{width:60}</STYLE>
<DIV id="divObj" style="width:320;border:1;text-align:justify;text-justify:distribute;text-align-last:justify">
속성은 한줄의 텍스트 개체나 개체의 텍스트의 마지막 줄을
어떻게 정렬할 것인가를 나타내는 문자열이다.
</DIV>
<P class="pClass">
<BUTTON onclick="divObj.style.textAlignLast='auto'">auto</BUTTON>
<BUTTON onclick="divObj.style.textAlignLast='center'">center</BUTTON>
<BUTTON onclick="showA.innerText=divObj.style.textAlignLast">inherit</BUTTON>
<BUTTON onclick="divObj.style.textAlignLast='justify'">justify</BUTTON>
<BUTTON onclick="divObj.style.textAlignLast='left'">left</BUTTON>
<BUTTON onclick="divObj.style.textAlignLast='right'">right</BUTTON></P>
<DIV id=showA><SCRIPT>document.write(divObj.style.textAlignLast)</SCRIPT></DIV>