개체 속에서 텍스트의 정렬 방식을 반환하거나 설정한다.

Scriptobject.style.textAlign=[sVal]
HTML<ELEMENT style="text-align:sVal;">
CSScssSelector {text-align:sVal;}
인수
cssSelector : (스타일 선택자)
textAlign 속성을 가질수 있는 엘레멘트(ELEMENT)나 클라스(class) 이름 혹은 인식자(id)이다.

sVal : (속성 문자열)
textAlign 스타일 속성은 개체 속에서 텍스트의 정렬 방식을 나타내는 문자열이다.

left 디폴트이며, 텍스트는 왼쪽에 정렬된다.
right 텍스트는 오른쪽에 정렬된다.
center 텍스트는 중앙에 정렬된다.
justify 텍스트는 배분되어 정렬된다.

이 속성은 currentStyle에서는 읽기전용이고, 그외의 개체에서는 읽기/쓰기이며, 디폴트값은 left이다.

CSS(Cascading Style Sheets) 애트리뷰트는 상속된다.

특기

이 속성은 블럭 엘레멘트에 적용된다.
이 속성은 div 개체 속의 모든 블럭 개체들에 상속된다. 속성이 지정되지 않았으면 null이 반환된다.

IE4.0에서 justify 속성값이 가능한다.

적용
개체scriptCSS IE 버전
blockQuoteblockQuote.style.textAlign[=sVal]cssSelector{text-align:sVal}IE3.02(win16,win32,mac),IE4.0(ce,unix)
bodybody.style.textAlign[=sVal]cssSelector{text-align:sVal}IE3.02(win16,win32,mac),IE4.0(ce,unix)
centercenter.style.textAlign[=sVal]cssSelector{text-align:sVal}IE4.0(win16,win32,ce,unix,mac)
currentStyle[sVal=]objectcurrentStyle.textAligncssSelector{text-align:sVal}IE5(win16,win32,unix,mac)
dddd.style.textAlign[=sVal]cssSelector{text-align:sVal}IE3.02(win16,win32,mac),IE4.0(ce,unix)
dirdir.style.textAlign[=sVal]cssSelector{text-align:sVal}IE3.02(win16,win32,mac),IE4.0(ce,unix)
divdiv.style.textAlign[=sVal]cssSelector{text-align:sVal}IE3.02(win16,win32,mac),IE4.0(ce,unix)
dldl.style.textAlign[=sVal]cssSelector{text-align:sVal}IE3.02(win16,win32,mac),IE4.0(ce,unix)
dtdt.style.textAlign[=sVal]cssSelector{text-align:sVal}IE3.02(win16,win32,mac),IE4.0(ce,unix)
fieldSetfieldSet.style.textAlign[=sVal]cssSelector{text-align:sVal}IE4.0(win16,win32,ce,unix,mac)
formform.style.textAlign[=sVal]cssSelector{text-align:sVal}IE3.02(win16,win32,mac),IE4.0(ce,unix)
hnhn.style.textAlign[=sVal]cssSelector{text-align:sVal}IE4.0(win16,win32,ce,unix,mac)
hrhr.style.textAlign[=sVal]cssSelector{text-align:sVal}IE3.02(win16,win32,mac),IE4.0(ce,unix)
passwordpassword.style.textAlign[=sVal]cssSelector{text-align:sVal}IE5(win16,win32,unix,mac)
texttext.style.textAlign[=sVal]cssSelector{text-align:sVal}IE5(win16,win32,unix,mac)
lili.style.textAlign[=sVal]cssSelector{text-align:sVal}IE3.02(win16,win32,mac),IE4.0(ce,unix)
listinglisting.style.textAlign[=sVal]cssSelector{text-align:sVal}IE3.02(win16,win32,mac),IE4.0(ce,unix)
marqueemarquee.style.textAlign[=sVal]cssSelector{text-align:sVal}IE3.02(win16,win32,mac),IE4.0(ce,unix)
menumenu.style.textAlign[=sVal]cssSelector{text-align:sVal}IE3.02(win16,win32,mac),IE4.0(ce,unix)
olol.style.textAlign[=sVal]cssSelector{text-align:sVal}IE3.02(win16,win32,mac),IE4.0(ce,unix)
pp.style.textAlign[=sVal]cssSelector{text-align:sVal}IE3.02(win16,win32,mac),IE4.0(ce,unix)
plainTextplainText.style.textAlign[=sVal]cssSelector{text-align:sVal}IE3.02(win16,win32,mac),IE4.0(ce,unix)
prepre.style.textAlign[=sVal]cssSelector{text-align:sVal}IE3.02(win16,win32,mac),IE4.0(ce,unix)
runtimeStyleobjectruntimeStyle.textAlign[=sVal]cssSelector{text-align:sVal}IE5(win16,win32,unix,mac)
stylestyle.style.textAlign[=sVal]cssSelector{text-align:sVal}IE4.0(win16,win32,ce,unix,mac)
tabletable.style.textAlign[=sVal]cssSelector{text-align:sVal}IE3.02(win16,win32,mac),IE4.0(ce,unix)
tdtd.style.textAlign[=sVal]cssSelector{text-align:sVal}IE4.0(win16,win32,ce,unix,mac)
textAreatextArea.style.textAlign[=sVal]cssSelector{text-align:sVal}IE5(win16,win32,unix,mac)
thth.style.textAlign[=sVal]cssSelector{text-align:sVal}IE4.0(win16,win32,ce,unix,mac)
trtr.style.textAlign[=sVal]cssSelector{text-align:sVal}IE4.0(win16,win32,ce,unix,mac)
ulul.style.textAlign[=sVal]cssSelector{text-align:sVal}IE4.0(win16,win32,ce,unix,mac)
xmpxmp.style.textAlign[=sVal]cssSelector{text-align:sVal}IE3.02(win16,win32,mac),IE4.0(ce,unix)
참조

이 속성은 CSS1(Cascading Style Sheets, Level 1)에서 정의되었다.


style
textAlign 스타일속성
textAlign</b> 스타일속성이전페이지로페이지 맨위로페이지 맨아래로
속성은 어떻게 정렬할 것인가를 나타내는 문자열이다.

divObj.style.textAlign=justify
<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>
style
textAlign 스타일속성
견본
이전페이지로페이지 맨위로
최종 수정:
07/12/2025 09:07:58
KoXo Homepage
All right reserved
비정상적인 방식으로 프레임없이 페이지에 접속하면 자주 오류가 발생됩니다.
오류가 나면 정상적 접속으로 시도해 보세요.
http://koxo.com/lang/js/style/textAlign.html