Ruby-Position, Size, and Other Style Sheet Properties

Alphabetical Style Sheet Property References: Ruby-position 

ruby-position
IE 5 NN n/a Moz n/a Saf n/a Op n/a CSS 3

Inherited: Yes

Controls whether nested ruby ( rt element) text renders on the same line or above its related ruby base ( rb element) text.

CSS Syntax

ruby-position: positionType

Value

IE recognizes one of the following constants, above | inline, while the preliminary CSS3 specification prefers these constants: after | before | inline | right. For more details on ruby-related styles, visit http://www.w3.org/TR/css3-ruby.

Initial Value      above (IE); before (CSS3).

Applies To

ruby elements (or any element that has its display property set to ruby-text).

Object Model Reference

[window.]document.getElementById("elementID").style.rubyPosition

scrollbar-3dlight-color, scrollbar-arrow-color, scrollbar-base-color, scrollbar-darkshadow-color, scrollbar-face-color, scrollbar-highlight-color, scrollbar-shadow-color, scrollbar-track-color
IE 5.5 NN n/a Moz n/a Saf n/a Op n/a CSS n/a

Inherited: No

Controls the colors for specific components of a scrollbar user interface element associated with scrollable elements. The following table describes which pieces of a scroll bar are controlled by each property.

You can experiment with combinations of multiple scroll bar pieces and colors.

CSS Syntax

scrollbar-3dlight-color: color
scrollbar-arrow-color: color
scrollbar-base-color: color
scrollbar-darkshadow-color: color
scrollbar-face-color: color
scrollbar-highlight-color: color
scrollbar-shadow-color: color
scrollbar-track-color: color

Value                 CSS color values.

Initial Value       Varies with user Display control panel settings.

Example             textarea {scrollbar-face-color: lightyellow}

Applies To          applet, bdo, body, custom, div, embed, object, and textarea elements.

Object Model Reference

[window.]document.getElementById("elementID").style.scrollbar3dLightColor [window.]document.getElementById("elementID").style.scrollbarArrowColor [window.]document.getElementById("elementID").style.scrollbarBaseColor [window.]document.getElementById("elementID").style.scrollbarDarkShadowColor [window.]document.getElementById("elementID").style.scrollbarFaceColor [window.]document.getElementById("elementID").style.scrollbarHighlightColor [window.]document.getElementById("elementID").style.scrollbarShadowColor [window.]document.getElementById("elementID").style.scrollbarTrackColor