CSS3 Background-image options

New properties to affect background images, including background-clip, background-origin and background-size

:has() CSS relational pseudo-class

Select elements containing specific content. For example, `a:has(img)` selects all `<a>` elements that contain an `<img>` child.

naturalWidth & naturalHeight image properties

Properties defining the intrinsic width and height of the image, rather than the displayed width & height.

Lazy loading via attribute for images & iframes

The `loading` attribute on images & iframes gives authors control over when the browser should start loading the resource.

Srcset and sizes attributes

The `srcset` and `sizes` attributes on `img` (or `source`) elements allow authors to define various image resources and "hints" that assist a user agent to determine the most appropriate image source to display (e.g. high-resolution displays, small monitors, etc).

SVG in HTML img element

Method of displaying SVG images in HTML using <img>.

html element: img

html element: img: align

html element: img: alt

html element: img: aspect ratio computed from `width` and `height` attributes

html element: img: attributionsrc

html element: img: border

html element: img: crossorigin

html element: img: decoding

html element: img: fetchpriority

html element: img: height

html element: img: hspace

html element: img: ismap

html element: img: loading

html element: img: longdesc

html element: img: name

html element: img: referrerpolicy

html element: img: referrerpolicy: no-referrer-when-downgrade

html element: img: referrerpolicy: origin-when-cross-origin

html element: img: referrerpolicy: unsafe-url

html element: img: sizes

html element: img: sizes: `auto` value

html element: img: src

html element: img: usemap

html element: img: usemap: content is case-sensitive

html element: img: vspace

html element: img: width

headers http header: content-security-policy: img-src