HTML CSS Reference/HTML Tag Reference/ruby
Содержание
"ruby" CSS Attributes and JavaScript Style Properties
Names noted with an asterisk (*) are JavaScript properties only.
+----------------+--------------------------------------------------------------+
| CSS |accelerator background-position-x |
| Attributes |background-position-y behavior |
| and |clip cursor |
| JavaScript |direction display |
| Style |filter float |
| Properties |height layout-flow |
| |layout-grid layout-grid-mode |
| |overflow overflow-x |
| |overflow-y padding |
| |padding-bottom padding-left |
| |padding-right padding-top |
| |pixelBottom(*) pixelHeight(*) |
| |pixelLeft(*) pixelRight(*) |
| |pixelTop(*) pixelWidth(*) |
| |posBottom(*) posHeight(*) |
| |position posLeft(*) |
| |posRight(*) posTop(*) |
| |posWidth(*) ruby-align |
| |ruby-overhang ruby-position |
| |styleFloat(*) text-autospace |
| |text-overflow text-underline-position |
| |unicode-bidi width |
| |word-wrap writing-mode |
| |zoom |
+----------------+--------------------------------------------------------------+
"ruby" Event Handlers
+----------------+--------------------------------------------------------------+
| Event |onActivate onAfterUpdate |
| Handlers |onBeforeActivate onBeforeCut |
| |onBeforeDeactivate onBeforeEditFocus |
| |onBeforePaste onBeforeUpdate |
| |onBlur onClick |
| |onContextMenu onControlSelect |
| |onCut onDblClick |
| |onDeactivate onDragStart |
| |onErrorUpdate onFilterChange |
| |onFocus onFocusIn |
| |onFocusOut onHelp |
| |onKeyDown onKeyPress |
| |onKeyUp onMouseDown |
| |onMouseEnter onMouseLeave |
| |onMouseMove onMouseOut |
| |onMouseOver onMouseUp |
| |onMouseWheel onMove |
| |onMoveEnd onMoveStart |
| |onPaste onReadyStateChange |
| |onResizeEnd onResizeStart |
| |onSelectStart |
+----------------+--------------------------------------------------------------+
"ruby" Example
<html>
<head>
<title>ruby element example</title>
</head>
<body>
<ruby>
<span style="font-family:Verdana; font-size:14pt">This is the base text.</span>
<rt>
<span style="font-family:Times New Roman; font-size: 8pt; color:red">
This is the ruby text</span>
</ruby>
</body>
</html>
"ruby" HTML Attributes
+----------------+--------------------------------------------------------------+
| HTML |accesskey class |
| Attributes |contenteditable dir |
| |disabled hidefocus |
| |id lang |
| |language name |
| |style tabindex |
| |title unselectable |
+----------------+--------------------------------------------------------------+
"ruby" JavaScript Collections
+----------------+--------------------------------------------------------------+
| JavaScript |behaviorUrns children |
| Collections |filters |
+----------------+--------------------------------------------------------------+
"ruby" JavaScript Methods
+----------------+--------------------------------------------------------------+
| JavaScript |addBehavior blur |
| Methods |componentFromPoint fireEvent |
| |focus getAttributeNode |
| |getExpression normalize |
| |removeAttributeNode removeBehavior |
| |removeExpression setActive |
| |setAttributeNode setExpression |
+----------------+--------------------------------------------------------------+
"ruby" JavaScript Properties
+----------------+--------------------------------------------------------------+
| JavaScript |accessKey canHaveHTML |
| Properties |className contentEditable |
| |cursor dir |
| |disabled hideFocus |
| |id innerHTML |
| |innerText isContentEditable |
| |isDisabled isMultiLine |
| |lang language |
| |name offsetHeight |
| |offsetLeft offsetParent |
| |offsetTop offsetWidth |
| |outerHTML outerText |
| |parentElement readyState |
| |scopeName tabIndex |
| |tagName tagUrn |
| |title |
+----------------+--------------------------------------------------------------+
"ruby" Microsoft Behaviors
+----------------+--------------------------------------------------------------+
| Microsoft |clientCaps download |
| Behaviors |homePage |
+----------------+--------------------------------------------------------------+
"ruby" Microsoft Filters
+----------------+--------------------------------------------------------------+
| Microsoft |Alpha Barn |
| Filters |BasicImage BlendTrans |
| |Blinds Blur |
| |CheckerBoard Chroma |
| |Compositor DropShadow |
| |Emboss Engrave |
| |Fade FlipH |
| |FlipV Glow |
| |GradientWipe Gray |
| |ICMFilter Inset |
| |Invert Iris |
| |Light MaskFilter |
| |Matrix MotionBlur |
| |Pixelate RadialWipe |
| |RandomBars RandomDissolve |
| |RevealTrans Shadow |
| |Slide Spiral |
| |Stretch Strips |
| |Wave Wheel |
| |Xray Zigzag |
+----------------+--------------------------------------------------------------+
"ruby" Syntax and Note
Note:
This element defines text accompanied by a notation.
It is used in conjunction with the <rt> element.
The text specified before <rt> is the base text.
Text following <rt> is the notation.
The <span> element is used to set the formatting.
Syntax:
<ruby attributes events> base text <rt> ruby text </ruby>