HTML CSS Reference/HTML Tag Reference/span
Содержание
- 1 "span" CSS Attributes and JavaScript Style Properties
- 2 "span" Event Handlers
- 3 "span" Example
- 4 "span" HTML Attributes
- 5 "span" JavaScript Collections
- 6 "span" JavaScript Methods
- 7 "span" JavaScript Objects
- 8 "span" JavaScript Properties
- 9 "span" Microsoft Behaviors
- 10 "span" Microsoft Filters
- 11 "span" Syntax and Note
"span" CSS Attributes and JavaScript Style Properties
Names noted with an asterisk (*) are JavaScript properties only.
+----------------+--------------------------------------------------------------+
| CSS |!important accelerator |
| Attributes |background background-attachment |
| and |background-color background-image |
| JavaScript |background-position background-position-x |
| Style |background-positiony background-repeat |
| Properties |behavior 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(*) |
| |right styleFloat(*) |
| |text-autospace text-decoration |
| |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 |
+----------------+--------------------------------------------------------------+
"span" 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 onSelectStart |
| |onTimeError |
+----------------+--------------------------------------------------------------+
"span" Example
<html>
<head>
<title>span element example</title>
</head>
<body>
<p align="center">www.wbex.ru
<span style="color:#FF0000; font-size:10pt; text-transform:uppercase;">
www.wbex.ru
</span>
www.wbex.ru
<span style="color:blue; font-size:18pt; text-transform:uppercase;">
www.wbex.ru
</span> www.wbex.ru
<span style="color:blue; font-size:14pt; text-decoration:underline;">
www.wbex.ru
</span>.
www.wbex.ru
</p>
</body>
</html>
"span" HTML Attributes
+----------------+--------------------------------------------------------------+
| HTML |accesskey begin |
| Attributes |class contenteditable |
| |datafld dataformatas |
| |datasrc dir |
| |end hidefocus |
| |id lang |
| |language style |
| |syncmaster systemBitrate |
| |systemCaptions systemLanguage |
| |systemOverdubOrSubtitle tabindex |
| |timecontainer title |
| |unselectable |
+----------------+--------------------------------------------------------------+
"span" JavaScript Collections
+----------------+--------------------------------------------------------------+
| JavaScript |all attributes |
| Collections |behaviorUrns childNodes |
| |children filters |
+----------------+--------------------------------------------------------------+
"span" JavaScript Methods
+----------------+--------------------------------------------------------------+
| JavaScript |addBehavior appendChild |
| Methods |applyElement attachEvent |
| |blur clearAttributes |
| |click cloneNode |
| |componentFromPoint contains |
| |detachEvent doScroll |
| |dragDrop fireEvent |
| |focus getAdjacentText |
| |getAttribute getAttributeNode |
| |getBoundingClientRect getClientRects |
| |getElementsByTagName getExpression |
| |hasChildNodes insertAdjacentElement |
| |insertAdjacentHTML insertAdjacentText |
| |insertBefore mergeAttributes |
| |normalize releaseCapture |
| |removeAttribute removeAttributeNode |
| |removeBehavior removeChild |
| |removeExpression removeNode |
| |replaceAdjacentText replaceChild |
| |replaceNode scrollIntoView |
| |setActive setAttribute |
| |setAttributeNode setCapture |
| |setExpression swapNode |
+----------------+--------------------------------------------------------------+
"span" JavaScript Objects
+----------------+--------------------------------------------------------------+
| JavaScript |currentStyle runtimeStyle |
| Objects |style |
+----------------+--------------------------------------------------------------+
"span" JavaScript Properties
+----------------+--------------------------------------------------------------+
| JavaScript |accessKey canHaveChildren |
| Properties |canHaveHTML className |
| |clientHeight clientLeft |
| |clientTop clientWidth |
| |contentEditable cursor |
| |dataFld dataFormatAs |
| |datasrc dir |
| |disabled end |
| |firstChild hasLayout |
| |hideFocus id |
| |innerHTML innerText |
| |isContentEditable isDisabled |
| |isMultiLine isTextEdit |
| |lang language |
| |lastChild nextSibling |
| |nodeName nodeType |
| |nodeValue offsetHeight |
| |offsetLeft offsetParent |
| |offsetTop offsetWidth |
| |outerHTML outerText |
| |ownerDocument parentElement |
| |parentNode parentTextEdit |
| |previousSibling readyState |
| |recordNumber scopeName |
| |scrollHeight scrollLeft |
| |scrollTop scrollWidth |
| |sourceIndex tabIndex |
| |tagName tagUrn |
| |title uniqueID |
+----------------+--------------------------------------------------------------+
"span" Microsoft Behaviors
+----------------+--------------------------------------------------------------+
| Microsoft |clientCaps download |
| Behaviors |homePage httpFolder |
| |saveFavorite saveHistory |
| |saveSnapshot time |
| |time2 userData |
+----------------+--------------------------------------------------------------+
"span" 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 |
+----------------+--------------------------------------------------------------+
"span" Syntax and Note
Note:
This element is used to apply style sheet properties only to the text between
its opening and closing tags.
Syntax:
<span attributes events> . . . </span>