HTML CSS Reference/HTML Tag Reference/custom
Содержание
- 1 "custom" CSS Attributes and JavaScript Style Properties
- 2 "custom" Event Handlers
- 3 "custom" Example
- 4 "custom" HTML Attributes
- 5 "custom" JavaScript Collections
- 6 "custom" JavaScript Methods
- 7 "custom" JavaScript Objects
- 8 "custom" JavaScript Properties
- 9 "custom" Microsoft Filters
- 10 "custom" Syntax and Note
"custom" CSS Attributes and JavaScript Style Properties
Names noted with an asterisk (*) are JavaScript properties only.
+----------------+--------------------------------------------------------------+
| CSS |accelerator background |
| Attributes |background-attachment background-color |
| and |background-image background-position |
| JavaScript |background-position-x background-position-y |
| Style |background-repeat behavior |
| Properties |border border-bottom |
| |border-bottom-color border-bottom-style |
| |border-bottom-width border-color |
| |border-left border-left-color |
| |border-left-style border-left-width |
| |border-right border-right-color |
| |border-right-style border-right-width |
| |border-style border-top |
| |border-top-color border-top-style |
| |border-top-width border-width |
| |bottom clear |
| |clip color |
| |cursor direction |
| |display filter |
| |float font |
| |font-family font-size |
| |font-style font-variant |
| |font-weight hasLayout(*) |
| |height layout-flow |
| |layout-grid layout-grid-mode |
| |left letter-spacing |
| |line-height margin |
| |margin-bottom margin-left |
| |margin-right margin-top |
| |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(*) scrollbar-3dlight-color |
| |scrollbar-arrow-color scrollbar-base-color |
| |scrollbar-darkshadow-color scrollbar-face-color |
| |scrollbar-highlight-color scrollbar-shadow-color |
| |scrollbar-track-color styleFloat(*) |
| |text-align-last text-autospace |
| |text-decoration text-kashida-space |
| |text-overflow text-transform |
| |text-underline-position textDecorationBlink(*) |
| |textDecorationLineThrough(*) textDecorationNone(*) |
| |textDecorationOverline(*) textDecorationUnderline(*) |
| |top unicode-bidi |
| |vertical-align visibility |
| |white-space width |
| |word-spacing word-wrap |
| |writing-mode z-index |
| |zoom |
+----------------+--------------------------------------------------------------+
"custom" Event Handlers
+----------------+--------------------------------------------------------------+
| Event |onActivate onAfterUpdate |
| Handlers |onBeforeActivate onBeforeCopy |
| |onBeforeCut onBeforeDeactivate |
| |onBeforeEditFocus onBeforePaste |
| |onBeforeUpdate onBlur |
| |onClick onContextMenu |
| |onControlSelect onCopy |
| |onCut onDblClick |
| |onDeactivate onDrag |
| |onDragEnd onDragEnter |
| |onDragLeave onDragOver |
| |onDragStart onDrop |
| |onErrorUpdate onFilterChange |
| |onFocus onFocusIn |
| |onFocusOut onHelp |
| |onKeyDown onKeyPress |
| |onKeyUp onLoseCapture |
| |onMouseDown onMouseEnter |
| |onMouseLeave onMouseMove |
| |onMouseOut onMouseOver |
| |onMouseUp onMouseWheel |
| |onMove onMoveEnd |
| |onMoveStart onPaste |
| |onPropertyChange onReadyStateChange |
| |onResize onResizeEnd |
| |onResizeStart onScroll |
| |onSelectStart |
+----------------+--------------------------------------------------------------+
"custom" Example
<HTML XMLNS:CUSTOMTAG>
<HEAD>
<STYLE>
@media all {
CUSTOMTAG\:RED { color: red; }
CUSTOMTAG\:GREEN { color: green; }
CUSTOMTAG\:BLUE { color: blue; }
}
</STYLE>
</HEAD>
<BODY>
<CUSTOMTAG:RED>
CUSTOMTAG:RED tags.
</CUSTOMTAG:RED>
<CUSTOMTAG:GREEN>
closing CUSTOMTAG:GREEN tags.
</CUSTOMTAG:GREEN>
<CUSTOMTAG:BLUE>
CUSTOMTAG:BLUE tags.
</CUSTOMTAG:BLUE>
</BODY>
</HTML>
"custom" HTML Attributes
+----------------+--------------------------------------------------------------+
| HTML |accesskey class |
| Attributes |contenteditable dir |
| |disabled hidefocus |
| |id lang |
| |language style |
| |tabindex title |
| |unselectable |
+----------------+--------------------------------------------------------------+
"custom" JavaScript Collections
+----------------+--------------------------------------------------------------+
| JavaScript |all behaviorUrns |
| Collections |children filters |
+----------------+--------------------------------------------------------------+
"custom" JavaScript Methods
+----------------+--------------------------------------------------------------+
| JavaScript |addBehavior applyElement |
| Methods |attachEvent blur |
| |clearAttributes click |
| |componentFromPoint contains |
| |detachEvent doScroll |
| |fireEvent focus |
| |getAdjacentText getAttribute |
| |getAttributeNode getBoundingClientRect |
| |getClientRects getElementsByTagName |
| |getExpression insertAdjacentHTML |
| |insertAdjacentText mergeAttributes |
| |normalize releaseCapture |
| |removeAttribute removeAttributeNode |
| |removeBehavior removeExpression |
| |replaceAdjacentText scrollIntoView |
| |setActive setAttribute |
| |setAttributeNode setCapture |
| |setExpression |
+----------------+--------------------------------------------------------------+
"custom" JavaScript Objects
+----------------+--------------------------------------------------------------+
| JavaScript |currentStyle document |
| Objects |runtimeStyle style |
+----------------+--------------------------------------------------------------+
"custom" JavaScript Properties
+----------------+--------------------------------------------------------------+
| JavaScript |accessKey blockDirection |
| Properties |canHaveChildren canHaveHTML |
| |className clientHeight |
| |clientLeft clientTop |
| |clientWidth contentEditable |
| |cursor dir |
| |disabled hasLayout |
| |hideFocus id |
| |innerHTML innerText |
| |isContentEditable isDisabled |
| |isMultiLine isTextEdit |
| |lang language |
| |offsetHeight offsetLeft |
| |offsetParent offsetTop |
| |offsetWidth outerHTML |
| |outerText parentElement |
| |parentTextEdit readyState |
| |scopeName scrollHeight |
| |scrollLeft scrollTop |
| |scrollWidth sourceIndex |
| |tabIndex tagName |
| |tagUrn title |
+----------------+--------------------------------------------------------------+
"custom" 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 |
+----------------+--------------------------------------------------------------+
"custom" Syntax and Note
Note:
Create a user-defined element.
Syntax:
1. A namespace must be created in the HTML tag,
using the xmlns attribute to define it,
as follows:<html xmlns:myElement>
2. A style sheet defining the elements must be included
in the <head> section, under the @media wrapper, as follows:
<style>
@media all {
myElement\:one { color: red }
myElement\:two { font-family: Verdana }
myElement\:three { text-decoration: none }
}
</style>
3. After defining, they can be used by referencing
the namespace and the element name:
<myElement:one> . . . </myElement:one>
<myElement:two> . . . </myElement:two>
<myElement:three> . . . </myElement:three>