Img
Related Doc:
package tag
Provides a hint for generating a keyboard shortcut for the current element.
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.
The alignment of the image with respect to its surrounding context.
This attribute defines the alternative text describing the image.
This 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.
Usage note: Omitting this attribute indicates that the image is a key part of the content, but no textual equivalent is available. Setting this attribute to the empty string indicates that this image is not a key part of the content; non-visual browsers may omit it from rendering.
The width of a border around the image.
Is a space-separated list of the classes of the element.
Is 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 or functions like the method
Document.getElementsByClassName().
Is an enumerated attribute indicating if the element should be editable by the user.
Is an enumerated attribute indicating if the element should be editable by the user. If so, the browser modifies its widget to allow editing. The attribute must take one of the following values:
true or the empty string, which indicates that the element must be editable;false, which indicates that the element must not be editable.
Is the
id of an
<menu> to use as the contextual menu for this element.
This enumerated attribute indicates if the fetching of the related image must be done using CORS or not.
This enumerated attribute indicates if the fetching of the related image must be done using CORS or not.
CORS-enabled images can be reused in the
<canvas> element without being
tainted. The allowed values are:
<dl>
<dt>
anonymous
</dt>
Origin: HTTP header) is performed. But no credential is sent (i.e., no cookie, no X.509 certificate, and no HTTP Basic authentication is sent). If the server does not give credentials to the origin site (by not setting the
Access-Control-Allow-Origin: HTTP header), the image will be
tainted and its usage restricted.
Origin: HTTP header) performed with credential is sent (i.e., a cookie, a certificate, and HTTP Basic authentication is performed). If the server does not give credentials to the origin site (through
Access-Control-Allow-Credentials: HTTP header), the image will be
tainted and its usage restricted.
Origin: HTTP header), preventing its non-tainted usage in
<canvas> elements. If invalid, it is handled as if the enumerated keyword
anonymous was used. See
CORS settings attributes for additional information.
Is an enumerated attribute indicating the directionality of the element's text.
Is an enumerated attribute indicating the directionality of the element's text. It can have the following values:
ltr, which means left to right and is to be used for languages that are written from the left to the right (like English);rtl, which means right to left and is to be used for languages that are written from the right to the left (like Arabic);auto, which let the user agent decides. It uses a basic algorithm as it parses the characters inside the element until it finds a character with a strong directionality, then apply that directionality to the whole element.
Is an enumerated attribute indicating whether the element can be dragged, using the Drag and Drop API.
Is an enumerated attribute indicating whether the element can be dragged, using the Drag and Drop API. It can have the following values:
true, which indicates that the element may be draggedfalse, which indicates that the element may not be dragged.
Is an enumerated attribute indicating what types of content can be dropped on an element, using the Drag and Drop API.
Is an enumerated attribute indicating what types of content can be dropped on an element, using the Drag and Drop API. It can have the following values:
copy, which indicates that dropping will create a copy of the element that was draggedmove, which indicates that the element that was dragged will be moved to this new location.link, will create a link to the dragged data.
The intrinsic height of the image in HTML5 CSS pixels, or HTML 4 in pixels or as a percentage.
Is a Boolean attribute indicates that the element is not yet, or is no longer, relevant.
Is a Boolean 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.
The number of pixels of white space to insert to the left and right of the image.
Defines a unique identifier (ID) which must be unique in the whole document.
This Boolean attribute indicates that the image is part of a server-side map.
These attributes are related to the WHATWG HTML Microdata feature.
These attributes are related to the WHATWG HTML Microdata feature.
Participates in defining the language of the element, the language that non-editable elements are written in or the language that editable elements should be written in.
Participates in defining the language of the element, the language that non-editable elements are written in or the language that editable elements should be written in. The tag contains one single entry value in the format defines in the Tags for Identifying Languages (BCP47) IETF document. xml:lang has priority over it.
The URL of a description of the image to be displayed, which supplements the alt text.
The URL of a description of the image to be displayed, which supplements the alt text.
A name for the element.
A name for the element. It is supported in HTML 4 only for backward compatibility. Use the id attribute instead.
A list of one or more strings separated by commas indicating a set of source sizes.
A list of one or more strings separated by commas indicating a set of source sizes. Each source size consists of:
Source size values specify the intended display size of the image. User agents use the current source size to select one of the sources supplied by the srcset attribute, when those sources are described using width ('w') descriptors. The selected source size affects the intrinsic size of the image (the image’s display size if no CSS styling is applied). If the srcset attribute is absent, or contains no values with a width descriptor, then the sizes attribute has no effect.
Is an enumerated attribute defines whether the element may be checked for spelling errors.
Is an enumerated attribute defines whether the element may be checked for spelling errors. It may have the following values:
true, which indicates that the element should be, if possible, checked for spelling errors;false, which indicates that the element should not be checked for spelling errors.
The image URL.
The image URL. This attribute is mandatory for the
<img> element. On browsers supporting
srcset,
src is treated like a candidate image with a pixel density descriptor
1x unless an image with this pixel density descriptor is already defined in
srcset or
srcset contains '
w' descriptors.
A list of one or more strings separated by commas indicating a set of possible image sources for the user agent to use.
A list of one or more strings separated by commas indicating a set of possible image sources for the user agent to use. Each string is composed of:
w'. The width descriptor is divided by the source size given in the sizes attribute to calculate the effective pixel density.x'.If no descriptor is specified, the source is assigned the default descriptor: 1x.
It is invalid to mix width descriptors and pixel density descriptors in the same srcset attribute. Duplicate descriptors (for instance, two sources in the same srcset which are both described with '2x') are invalid, too.
User agents are given discretion to choose any one of the available sources. This provides them with significant leeway to tailor their selection based on things like user preferences or bandwidth conditions.
Contains CSS styling declarations to be applied to the element.
Is an integer 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.
Is an integer 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. It can takes several values:
0 means that the element should be focusable and reachable via sequential keyboard navigation, but its relative order is defined by the platform convention;
Contains a text representing advisory information related to the element it belongs to.
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.
Is an enumerated attribute that is used to specify whether an element's attribute values and the values of it
s
Text node children are to be translated when the page is localized, or whether to leave them unchanged.
Is an enumerated attribute that is used to specify whether an element's attribute values and the values of it
s
Text node children are to be translated when the page is localized, or whether to leave them unchanged. It can have the following values:
"yes", which indicates that the element will be translated."no", which indicates that the element will not be translated.
The partial URL (starting with '#') of an image map associated with the element.
The number of pixels of white space to insert above and below the image.
The intrinsic width of the image in HTML5 CSS pixels, or HTML 4 in pixels or as a percentage.
The HTML Image Element (<img>) represents an image of the document.
Usage note:
Browsers do not always display the image referenced by the element. This is the case for non-graphical browsers (including those used by people with vision impairments), if the user chooses not to display images, or if the browser is unable to display the image because it is invalid or an unsupported type. In these cases, the browser may replace the image with the text defined in this element's alt attribute.