개체 속의 문자에 사용된 정렬 방식을 반환하거나 설정한다 .

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

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

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로 설정하여야 한다.

이 속성은 블럭엘레멘트에만 적용된다.

적용
개체scriptCSS IE 버전
참조

이 속성은 CSS(Cascading Style Sheets)의 부분에 포함시킬 것이 제안되었다.


이 규격은 카스케이딩 스타일 쉬트 레벨 2인 CSS2를 정의한다. CSS2는 저자들과 사용자들이 문서들의 구조(예: HTML과 XML 문서들)에 스타일(글꼴, 간격, 음성)을 첨부할 수 있게하는 스타일 쉬트 언어이다. 문서의 내용과 구별하여 문서들의 스타일을 표현하는 CSS2는 웹의 제작과 유지관리를 용이하게한다.
결과 표시창
<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>