The <img> element represents an image in the document.

Example:

Img { src="logo.png"; alt="Acme Corporation"; }
<img src="logo.png" alt="Acme Corporation">

Technical details about this element can be found on the Official W3C reference.

no subtypes hierarchy

Initializer
Img(Attribute<String> id = null, Attribute<String> clazz = null, Attribute<String> accessKey = null, Attribute<Boolean> contentEditable = null, Attribute<String> contextMenu = null, Attribute<Direction> dir = null, Attribute<Boolean> draggable = null, Attribute<DropZone> dropZone = null, Attribute<Boolean> hidden = null, Attribute<String> lang = null, Attribute<Boolean> spellcheck = null, Attribute<String> style = null, Attribute<Integer> tabIndex = null, Attribute<String> title = null, Attribute<Boolean> translate = null, Attribute<String> alt = null, Attribute<Crossorigin> crossorigin = null, Attribute<Integer> height = null, Attribute<Boolean> ismap = null, Attribute<String> usemap = null, Attribute<String> src = null, Attribute<Integer> width = null, Attributes attributes = [])
Parameters:
  • id = null

    Attribute defines a unique identifier (ID) which must be unique in the whole document. Its purpose is to identify the element when linking (using a fragment identifier), scripting, or styling (with CSS).

  • clazz = null

    Attribute defines a space-separated list of the classes of the element. Classes allows CSS and JavaScript to select and access specific elements via the class selectors.

  • accessKey = null

    Attribute provides a hint for generating a keyboard shortcut for the current element. This attribute consists of a space-separated list of characters. The browser should use the first one that exists on the computer keyboard layout.

  • contentEditable = null

    Attribute indicates if the element should be editable by the user. If so, the browser modifies its widget to allow editing.

  • contextMenu = null

    Attribute defines id of an menu element to use as the contextual menu for this element

  • dir = null

    Attribute indicates the directionality of the element's text.

  • draggable = null

    Attribute indicates whether the element can be dragged.

  • dropZone = null

    Attribute indicates what types of content can be dropped on an element.

  • hidden = null

    Attribute indicates that the element is not yet, or is no longer, relevant. For example, it can be used to hide elements of the page that can't be used until the login process has been completed. The browser won't render such elements. This attribute must not be used to hide content that could legitimately be shown.

  • lang = null

    Attribute specifies the primary language for the element's contents and for any of the element's attributes that contain text. Its value must be a valid BCP 47 language tag, or the empty string. Setting the attribute to the empty string indicates that the primary language is unknown.

  • spellcheck = null

    Attribute defines whether the element may be checked for spelling errors.

  • style = null

    Attribute contains CSS styling declarations to be applied to the element. Note that it is recommended for styles to be defined in a separate file or files.

  • tabIndex = null

    Attribute indicates if the element can take input focus (is focusable), if it should participate to sequential keyboard navigation, and if so, at what position.

  • title = null

    Attribute contains a text representing advisory information related to the element it belongs to. Such information can typically, but not necessarily, be presented to the user as a tooltip.

  • translate = null

    Attribute that is used to specify whether an element's attribute values and the values of its text node children are to be translated when the page is localized, or whether to leave them unchanged.

  • alt = null

    Attribute defines the alternative text describing the image. Users will see this displayed if the image URL is wrong, the image is not in one of the supported formats, or if the image is not yet downloaded.

  • crossorigin = null

    Attribute indicates if the fetching of the related image must be done using CORS or not.

  • height = null

    Attribute specifies the intrinsic height of the image in CSS pixels.

  • ismap = null

    Attribute indicates that the image is part of a server-side map. If so, the precise coordinates of a click are sent to the server.

  • usemap = null

    Attribute for the partial URL (starting with '#') of an image map associated with the element.

  • src = null

    Attribute for the image URL.

  • width = null

    Attribute specifies the intrinsic width of the image in CSS pixels.

  • attributes = []

    The attributes associated with this element.

Attributes
childrenSource Codeshared actual [] children

This element has no children.

Inherited Attributes
Attributes inherited from: Element
Attributes inherited from: Node
Attributes inherited from: Object
Inherited Methods
Methods inherited from: Object