HTML CSS Reference/HTML Tag Reference/img

Материал из Web эксперт
Перейти к: навигация, поиск

"img" CSS Attributes and JavaScript Style Properties

Names noted with an asterisk (*) are JavaScript properties only.
+----------------+--------------------------------------------------------------+
| CSS            |!important                      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                            cursor                        |
|                |direction                       display                       |
|                |filter                          float                         |
|                |font                            font-family                   |
|                |font-style                      font-variant                  |
|                |font-weight                     hasLayout(*)                  |
|                |height                          layout-grid                   |
|                |layout-grid-mode                left                          |
|                |letter-spacing                  line-height                   |
|                |margin                          margin-bottom                 |
|                |margin-left                     margin-right                  |
|                |margin-top                      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-underline-position         top                           |
|                |unicode-bidi                    vertical-align                |
|                |visibility                      word-spacing                  |
|                |word-wrap                       zoom                          |
+----------------+--------------------------------------------------------------+



"img" Event Handlers

+----------------+--------------------------------------------------------------+
| Event          |onAbort                         onActivate                    |
| Handlers       |onAfterUpdate                   onBeforeActivate              |
|                |onBeforeCopy                    onBeforeCut                   |
|                |onBeforeDeactivate              onBeforePaste                 |
|                |onBeforeUpdate                  onBlur                        |
|                |onClick                         onContextMenu                 |
|                |onControlSelect                 onCopy                        |
|                |onCut                           onDblClick                    |
|                |onDeactivate                    onDrag                        |
|                |onDragEnd                       onDragEnter                   |
|                |onDragLeave                     onDragOver                    |
|                |onDragStart                     onDrop                        |
|                |onError                         onErrorUpdate                 |
|                |onFilterChange                  onFocus                       |
|                |onFocusIn                       onFocusOut                    |
|                |onHelp                          onLoad                        |
|                |onLoseCapture                   onMouseDown                   |
|                |onMouseEnter                    onMouseLeave                  |
|                |onMouseMove                     onMouseOut                    |
|                |onMouseOver                     onMouseUp                     |
|                |onMouseWheel                    onMove                        |
|                |onMoveEnd                       onMoveStart                   |
|                |onPaste                         onPropertyChange              |
|                |onReadyStateChange              onResize                      |
|                |onResizeEnd                     onResizeStart                 |
|                |onSelectStart                   onTimeError                   |
+----------------+--------------------------------------------------------------+



"img" Example

    
<html>
<head>
<title>img element example</title>
</head>
<body>
<img src="http://www.wbex.ru/style/logo.png" 
     alt="wbex.ru" 
     width="300"
     height="225">
</body>
</html>



"img" HTML Attributes

+----------------+--------------------------------------------------------------+
| HTML           |accesskey                       align                         |
| Attributes     |alt                             begin                         |
|                |border                          class                         |
|                |datafld                         datasrc                       |
|                |dir                             dynsrc                        |
|                |end                             galleryimg                    |
|                |height                          hidefocus                     |
|                |hspace                          id                            |
|                |ismap                           lang                          |
|                |language                        loop                          |
|                |lowsrc                          name                          |
|                |src                             start                         |
|                |style                           syncmaster                    |
|                |systemBitrate                   systemCaptions                |
|                |systemLanguage                  systemOverdubOrSubtitle       |
|                |tabindex                        timecontainer                 |
|                |title                           unselectable                  |
|                |usemap                          vspace                        |
|                |width                                                         |
+----------------+--------------------------------------------------------------+



"img" JavaScript Collections

+----------------+--------------------------------------------------------------+
| JavaScript     |all                             attributes                    |
| Collections    |behaviorUrns                    childNodes                    |
|                |children                        filters                       |
+----------------+--------------------------------------------------------------+



"img" JavaScript Methods

+----------------+--------------------------------------------------------------+
| JavaScript     |addBehavior                     appendChild                   |
| Methods        |applyElement                    attachEvent                   |
|                |blur                            clearAttributes               |
|                |click                           cloneNode                     |
|                |componentFromPoint              contains                      |
|                |detachEvent                     dragDrop                      |
|                |fireEvent                       focus                         |
|                |getAdjacentText                 getAttribute                  |
|                |getAttributeNode                getBoundingClientRect         |
|                |getClientRects                  getElementsByTagName          |
|                |getExpression                   hasChildNodes                 |
|                |insertAdjacentElement           insertAdjacentHTML            |
|                |insertAdjacentText              insertBefore                  |
|                |mergeAttributes                 normalize                     |
|                |releaseCapture                  removeAttribute               |
|                |removeAttributeNode             removeBehavior                |
|                |removeChild                     removeExpression              |
|                |replaceAdjacentText             replaceChild                  |
|                |scrollIntoView                  setActive                     |
|                |setAttribute                    setAttributeNode              |
|                |setCapture                      setExpression                 |
|                |swapNode                                                      |
+----------------+--------------------------------------------------------------+



"img" JavaScript Objects

+----------------+--------------------------------------------------------------+
| JavaScript     |currentStyle                    runtimeStyle                  |
| Objects        |style                                                         |
+----------------+--------------------------------------------------------------+



"img" JavaScript Properties

+----------------+--------------------------------------------------------------+
| JavaScript     |accessKey                       align                         |
| Properties     |alt                             border                        |
|                |canHaveHTML                     className                     |
|                |clientHeight                    clientLeft                    |
|                |clientTop                       clientWidth                   |
|                |complete                        cursor                        |
|                |dataFld                         datasrc                       |
|                |dir                             disabled                      |
|                |dynsrc                          end                           |
|                |fileCreatedDate                 fileModifiedDate              |
|                |fileSize                        fileUpdatedDate               |
|                |firstChild                      galleryImg                    |
|                |hasLayout                       height                        |
|                |hideFocus                       hspace                        |
|                |id                              innerHTML                     |
|                |isContentEditable               isDisabled                    |
|                |isMap                           isMultiLine                   |
|                |isTextEdit                      lang                          |
|                |language                        lastChild                     |
|                |longDesc                        loop                          |
|                |lowsrc                          name                          |
|                |nameProp                        nextSibling                   |
|                |nodeName                        nodeType                      |
|                |nodeValue                       offsetHeight                  |
|                |offsetLeft                      offsetParent                  |
|                |offsetTop                       offsetWidth                   |
|                |outerHTML                       outerText                     |
|                |ownerDocument                   parentElement                 |
|                |parentNode                      parentTextEdit                |
|                |previousSibling                 protocol                      |
|                |readyState                      recordNumber                  |
|                |scopeName                       scrollHeight                  |
|                |scrollLeft                      scrollTop                     |
|                |scrollWidth                     sourceIndex                   |
|                |src                             start                         |
|                |tabIndex                        tagName                       |
|                |tagUrn                          title                         |
|                |uniqueID                        useMap                        |
|                |vspace                          width                         |
+----------------+--------------------------------------------------------------+



"img" Microsoft Behaviors

+----------------+--------------------------------------------------------------+
| Microsoft      |clientCaps                      download                      |
| Behaviors      |homePage                        httpFolder                    |
|                |saveFavorite                    saveHistory                   |
|                |saveSnapshot                    time                          |
|                |time2                           userData                      |
+----------------+--------------------------------------------------------------+



"img" 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                        |
+----------------+--------------------------------------------------------------+



"img" Syntax and Note

Note:
This element displays a picture or a video clip.
    
Syntax:
    
<img attributes events>