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
<source lang="html4strict">
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 | +----------------+--------------------------------------------------------------+
</source>
"custom" Event Handlers
<source lang="html4strict">
+----------------+--------------------------------------------------------------+ | 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 | +----------------+--------------------------------------------------------------+
</source>
"custom" Example
<source lang="html4strict">
<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>
</source>
"custom" HTML Attributes
<source lang="html4strict">
+----------------+--------------------------------------------------------------+ | HTML |accesskey class | | Attributes |contenteditable dir | | |disabled hidefocus | | |id lang | | |language style | | |tabindex title | | |unselectable | +----------------+--------------------------------------------------------------+
</source>
"custom" JavaScript Collections
<source lang="html4strict">
+----------------+--------------------------------------------------------------+ | JavaScript |all behaviorUrns | | Collections |children filters | +----------------+--------------------------------------------------------------+
</source>
"custom" JavaScript Methods
<source lang="html4strict">
+----------------+--------------------------------------------------------------+ | 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 | +----------------+--------------------------------------------------------------+
</source>
"custom" JavaScript Objects
<source lang="html4strict">
+----------------+--------------------------------------------------------------+ | JavaScript |currentStyle document | | Objects |runtimeStyle style | +----------------+--------------------------------------------------------------+
</source>
"custom" JavaScript Properties
<source lang="html4strict">
+----------------+--------------------------------------------------------------+ | 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 | +----------------+--------------------------------------------------------------+
</source>
"custom" Microsoft Filters
<source lang="html4strict">
+----------------+--------------------------------------------------------------+ | 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 | +----------------+--------------------------------------------------------------+
</source>
"custom" Syntax and Note
<source lang="html4strict">
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>
</source>
