개체 속의 문자에 사용된 정렬 방식을 반환하거나 설정한다 .
| auto | 디폴트이며, 브라우저가 적용할 정렬방식을 결정하도록한다. |
| distribute | 공간 처리는 newspaper 값에서와 아주 유사하다. 태국어와 같은 아시아 언어의 문서에서 정렬 최적화의 양식이다. |
| distribute-all-lines | distribute 값에서와 같은 방식으로 텍스트의 줄들을 정렬하지만, 문단의 마지막 줄도 분할하여 정렬한다. 이 정렬 양식은 표의문자(ideographic)를 텍스트를 위한 방식이다. |
| inter-cluster | 라인 중에 공백이 없는 텍스트의 줄을 정렬한다. 이 정렬 양식은 아시아 언어의 문서에서 최적화한다. |
| inter-ideograph | 표의문자(ideographic)를 텍스트를 정렬하고, 표의문자 사이나 단어 사이의 간격을 증가시키거나 감소시킨다. |
| inter-word | 단어 사이의 공간을 확대하여 텍스트를 정렬한다. 이 방식에 의한 정렬이 모든 줄에서의 텍스트 길이를 일정하게하는 가장 빠른 방법이다. 문단의 마지막 줄에는 영향을 주지 않는다. |
| kashida | 끌어늘린 텍스트의 줄들을 정한 위치에 정렬한다. 이 속성값은 IE5.5 이후에서 아라빅 스크립트 언어을 위한 정렬 양식이다. |
| newspaper | 글자 사이와 단어 사이의 간격을 증가시키거나 감소시켜 정렬한다. 알파벹 언어에서 가장 고급의 정렬 방식이다. |
이 속성은 currentStyle에서는 읽기전용이고, 그외의 개체에서는 읽기/쓰기이며, 디폴트값은 auto이다.
CSS(Cascading Style Sheets) 애트리뷰트는 상속된다.
이 속성이 텍스트 배치에 적용되려면, textAlign 속성값을 justify로 설정하여야 한다.
이 속성은 블럭엘레멘트에만 적용된다.
| 개체 | script | CSS | IE 버전 |
|---|
이 속성은 CSS(Cascading Style Sheets)의 부분에 포함시킬 것이 제안되었다.
<SCRIPT>
function showAll(idx){
divObj.style.textJustify=selObj.options[idx].innerText;
showA.innerHTML='divObj.style.textAlign=<FONT color=blue>'+divObj.style.textAlign+'</FONT><BR>';
showA.innerHTML+='divObj.style.textJustify=<FONT color=blue>'+divObj.style.textJustify+'</FONT>';
}
</SCRIPT>
<DIV id="divObj" style="text-align:justify;cursor:hand;border:solid 1 blue;">
이 규격은 카스케이딩 스타일 쉬트 레벨 2인 CSS2를 정의한다.
CSS2는 저자들과 사용자들이 문서들의 구조(예: HTML과 XML 문서들)에
스타일(글꼴, 간격, 음성)을 첨부할 수 있게하는 스타일 쉬트 언어이다.
문서의 내용과 구별하여 문서들의 스타일을 표현하는
CSS2는 웹의 제작과 유지관리를 용이하게한다.
</DIV>
<SELECT id="selObj" onchange="showAll(this.options.selectedIndex)">
<OPTION selected>auto
<OPTION>distribute
<OPTION>distribute-all-lines
<OPTION>inter-cluster
<OPTION>inter-word
<OPTION>kashida
<OPTION>newspaper
</SELECT>
<DIV id=showA>결과 표시창</DIV>