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

인수

cssSelector : (스타일 선택자)

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

: (속성 문자열)

스타일 속성은 rt 개체에 의하여 지정된 루비 텍스트의 위치를 나타내는 문자열이다.

auto	디폴트이며, 루비 텍스트가 베이스 텍스트에 인접한 다른 텍스트의 위에 걸린다.
whitespace	루비 텍스트는 공백 글자들 위에 걸린다.
none	루비 텍스트는 루비 베이트에 인접한 텍스트에만 위에 걸린다.

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

CSS(Cascading Style Sheets) 애트리뷰트는 상속되지 않는다.

특기

rubyOverhang 속성은 ruby 개체에서 설정하고 rt 개체에서 정의한 루비 텍스트의 위치를 지정한다.

적용

개체	script	CSS	IE 버전

참조

rubyAlign rubyOverhang rubyPosition

이 속성은 (영문)CSS3(Cascading Style Sheets Level 3)에서 정의되었다.

<RUBY id=rubyObj style="ruby-overhang:none;color:blue">
Ruby base.
<RT style="color:red">Ruby text.</RT></RUBY>
<P>
<BUTTON onclick="rubyObj.style.rubyOverhang='auto';showA.innerText=rubyObj.style.rubyOverhang">auto</BUTTON>
<BUTTON onclick="rubyObj.style.rubyOverhang='whitespace';showA.innerText=rubyObj.style.rubyOverhang">whitespace</BUTTON>
<BUTTON onclick="rubyObj.style.rubyOverhang='none';showA.innerText=rubyObj.style.rubyOverhang">none</BUTTON>
</P>
<DIV>rubyObj.rubyOverhang=<SPAN id=showA style="color:blue"></SPAN></DIV>