KoXo 자바스크립트 - 스타일(style) - rubyAlign | ruby-align (currentStyle, ruby, runtimeStyle, ...)

rt 개체에 의하여 지정된 루비 텍스트의 위치를 반환하거나 설정한다.

개체	script	CSS	IE 버전
currentStyle	[sVal=]objectcurrentStyle.rubyAlign	cssSelector{ruby-align:sVal}	IE5(win16,win32,unix,mac),IE5.5(ce)
ruby	ruby.style.rubyAlign[=sVal]	cssSelector{ruby-align:sVal}	IE5(win16,win32,unix,mac),IE5.5(ce)
runtimeStyle	objectruntimeStyle.rubyAlign[=sVal]	cssSelector{ruby-align:sVal}	IE5(win16,win32,unix,mac),IE5.5(ce)
style	style.style.rubyAlign[=sVal]	cssSelector{ruby-align:sVal}	IE5(win16,win32,unix,mac),IE5.5(ce)

개체

script

CSS

IE 버전

currentStyle

[sVal=]objectcurrentStyle.rubyAlign

cssSelector{ruby-align:sVal}

IE5(win16,win32,unix,mac),IE5.5(ce)

ruby

ruby.style.rubyAlign[=sVal]

cssSelector{ruby-align:sVal}

IE5(win16,win32,unix,mac),IE5.5(ce)

runtimeStyle

objectruntimeStyle.rubyAlign[=sVal]

cssSelector{ruby-align:sVal}

IE5(win16,win32,unix,mac),IE5.5(ce)

style

style.style.rubyAlign[=sVal]

cssSelector{ruby-align:sVal}

IE5(win16,win32,unix,mac),IE5.5(ce)

Ruby base (루비 베이스). Ruby text. (루비 텍스트)

rubyObj.style.rubyAlign=

<RUBY id=rubyObj style="ruby-align:center;color:blue">
Ruby base.
<RT style="color:red">Ruby text.</RT></RUBY>
<P>
<BUTTON onclick="rubyObj.style.rubyAlign='auto';showA.innerText=rubyObj.style.rubyAlign">auto</BUTTON>
<BUTTON onclick="rubyObj.style.rubyAlign='center';showA.innerText=rubyObj.style.rubyAlign">center</BUTTON>
<BUTTON onclick="rubyObj.style.rubyAlign='left';showA.innerText=rubyObj.style.rubyAlign">left</BUTTON>
<BUTTON onclick="rubyObj.style.rubyAlign='right';showA.innerText=rubyObj.style.rubyAlign">right</BUTTON>
<BUTTON onclick="rubyObj.style.rubyAlign='distribute-letter';showA.innerText=rubyObj.style.rubyAlign">distribute-letter</BUTTON>
<BUTTON onclick="rubyObj.style.rubyAlign='distribute-space';showA.innerText=rubyObj.style.rubyAlign">distribute-space</BUTTON>
<BUTTON onclick="rubyObj.style.rubyAlign='line-edge';showA.innerText=rubyObj.style.rubyAlign">line-edge</BUTTON>
</P>
<DIV>rubyObj.style.rubyAlign=<SPAN id=showA style="color:blue"></SPAN></DIV>

	Script	object.style.rubyAlign=[sVal]
	HTML	<ELEMENT style="ruby-align:sVal;">
	CSS	cssSelector {ruby-align:sVal;}

auto	디폴트이며, 루비 텍스트의 정렬방식을 브라우저가 결정한다. 아시아 표음문자(ideographic)의 경우 distribute-space 모드로, 영문 알파벳의 경우 center 모드가 추천된다.
left	루비 텍스트가 왼쪽에 정렬된다.
center	루비 텍스트가 중앙에 정렬된다. 베이스가 루비 텍스트보다 좁으면, 베이스가 루비 텍스트 폭의 중앙에 정렬된다.
right	루비 텍스트가 오른쪽에 정렬된다.
distribute-letter	루비 텍스트 너비가 베이스 너비보다 좁으면 루비 텍스트는 루비 베이스 너비에 고르게 분포된다. 만일 루비 텍스트 너비가 더 넓거나 같으면 루비 베이스가 루비 텍스트 너비의 중앙에 정렬된다.
distribute-space	루비 텍스트 너비가 베이스 너비보다 좁으면 루비 텍스트는 루비 베이스 너비에 고르게 분포된다. 만일 루비 텍스트 너비가 더 넓거나 같으면 루비 베이스가 루비 텍스트 너비의 중앙에 정렬된다.
line-edge	루비 텍스트가 줄 모서리에 인접하지 않으면 루비 텍스트는 중앙에 정렬된다. 줄에 인접하면 루비 텍스트의 사이드는 루비 베이트의 사이드와 맞춰진다.