개체 속에서 텍스트의 정렬 방식을 반환하거나 설정한다.
![]() | Script | object.style.textAlign=[sVal] |
HTML | <ELEMENT style="text-align:sVal;"> | |
CSS | cssSelector {text-align:sVal;} |
left | 디폴트이며, 텍스트는 왼쪽에 정렬된다. |
right | 텍스트는 오른쪽에 정렬된다. |
center | 텍스트는 중앙에 정렬된다. |
justify | 텍스트는 배분되어 정렬된다. |
이 속성은 currentStyle에서는 읽기전용이고, 그외의 개체에서는 읽기/쓰기이며, 디폴트값은 left이다.
CSS(Cascading Style Sheets) 애트리뷰트는 상속된다.
이 속성은 블럭 엘레멘트에 적용된다.
이 속성은 div 개체 속의 모든 블럭 개체들에 상속된다.
속성이 지정되지 않았으면 null이 반환된다.
IE4.0에서 justify 속성값이 가능한다.
개체 | script | CSS | IE 버전 |
---|---|---|---|
blockQuote | blockQuote.style.textAlign[=sVal] | cssSelector{text-align:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
body | body.style.textAlign[=sVal] | cssSelector{text-align:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
center | center.style.textAlign[=sVal] | cssSelector{text-align:sVal} | IE4.0(win16,win32,ce,unix,mac) |
currentStyle | [sVal=]objectcurrentStyle.textAlign | cssSelector{text-align:sVal} | IE5(win16,win32,unix,mac) |
dd | dd.style.textAlign[=sVal] | cssSelector{text-align:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
dir | dir.style.textAlign[=sVal] | cssSelector{text-align:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
div | div.style.textAlign[=sVal] | cssSelector{text-align:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
dl | dl.style.textAlign[=sVal] | cssSelector{text-align:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
dt | dt.style.textAlign[=sVal] | cssSelector{text-align:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
fieldSet | fieldSet.style.textAlign[=sVal] | cssSelector{text-align:sVal} | IE4.0(win16,win32,ce,unix,mac) |
form | form.style.textAlign[=sVal] | cssSelector{text-align:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
hn | hn.style.textAlign[=sVal] | cssSelector{text-align:sVal} | IE4.0(win16,win32,ce,unix,mac) |
hr | hr.style.textAlign[=sVal] | cssSelector{text-align:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
password | password.style.textAlign[=sVal] | cssSelector{text-align:sVal} | IE5(win16,win32,unix,mac) |
text | text.style.textAlign[=sVal] | cssSelector{text-align:sVal} | IE5(win16,win32,unix,mac) |
li | li.style.textAlign[=sVal] | cssSelector{text-align:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
listing | listing.style.textAlign[=sVal] | cssSelector{text-align:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
marquee | marquee.style.textAlign[=sVal] | cssSelector{text-align:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
menu | menu.style.textAlign[=sVal] | cssSelector{text-align:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
ol | ol.style.textAlign[=sVal] | cssSelector{text-align:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
p | p.style.textAlign[=sVal] | cssSelector{text-align:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
plainText | plainText.style.textAlign[=sVal] | cssSelector{text-align:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
pre | pre.style.textAlign[=sVal] | cssSelector{text-align:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
runtimeStyle | objectruntimeStyle.textAlign[=sVal] | cssSelector{text-align:sVal} | IE5(win16,win32,unix,mac) |
style | style.style.textAlign[=sVal] | cssSelector{text-align:sVal} | IE4.0(win16,win32,ce,unix,mac) |
table | table.style.textAlign[=sVal] | cssSelector{text-align:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
td | td.style.textAlign[=sVal] | cssSelector{text-align:sVal} | IE4.0(win16,win32,ce,unix,mac) |
textArea | textArea.style.textAlign[=sVal] | cssSelector{text-align:sVal} | IE5(win16,win32,unix,mac) |
th | th.style.textAlign[=sVal] | cssSelector{text-align:sVal} | IE4.0(win16,win32,ce,unix,mac) |
tr | tr.style.textAlign[=sVal] | cssSelector{text-align:sVal} | IE4.0(win16,win32,ce,unix,mac) |
ul | ul.style.textAlign[=sVal] | cssSelector{text-align:sVal} | IE4.0(win16,win32,ce,unix,mac) |
xmp | xmp.style.textAlign[=sVal] | cssSelector{text-align:sVal} | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
이 속성은 CSS1(Cascading Style Sheets, Level 1)에서 정의되었다.
![]() | textAlign 스타일속성⇒ | ![]() | ![]() ![]() ![]() |
<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>
![]() | textAlign 스타일속성 | ⇒ | ![]() ![]() |
최종 수정: 07/12/2025 09:07:58 | ![]() All right reserved | 비정상적인 방식으로 프레임없이 페이지에 접속하면 자주 오류가 발생됩니다. 오류가 나면 정상적 접속으로 시도해 보세요. | http://koxo.com/lang/js/style/textAlign.html |