These features have been supported across all browsers for at least 30 months, making them Baseline widely available. To learn more, see Baseline.
The appearance CSS property controls the appearance of form controls. Using appearance: none disables any default native appearance and allows the elements to be styled with CSS.
The at() method of arrays and typed arrays returns the item at an index, including negative indices for getting items relative to the end of an array. Also known as the relative indexing method.
The ::backdrop CSS pseudo-element is a box underneath an element in the top layer, such as a <dialog>. It can be used to create obscuring effects distinguishing a modal element from the elements underneath.
The BroadcastChannel API allows you to send messages between same-origin browsing contexts, such as between the same page loaded in multiple tabs.
The @layer CSS at-rule avoids specificity conflicts by providing priority levels for different groups of CSS rules, such as low-priority styles like resets, and high-priority styles like UI components.
The contain: layout CSS declaration isolates the inside of an element such that it cannot affect the layout of the rest of the page or be affected by the rest of the page. This permits the browser to avoid slower layout calculations.
The contain: paint CSS declaration prevents an element's descendants from being drawn outside the boundaries of the containing element, with any overflow clipped. This permits the browser to avoid slower painting calculations.
The contain: size CSS declaration sets an element's dimensions exclusively by its height and width properties, ignoring its contents and descendants. This permits the browser to avoid slower layout calculations.
The <dialog> HTML element represents a modal or non-modal dialog box, such as a confirmation prompt or a subwindow used to enter data.
The :focus-visible CSS pseudo-class selects elements that match the :focus pseudo-class and meets the browser's criteria for visually emphasizing focused elements.
The color-scheme CSS property sets which color schemes (light or dark) an element uses and may prevent automatic dark mode adjustments by the browser.
The font-synthesis CSS shorthand property disables all font synthesis except the given kinds. To disable a specific kind of font synthesis, instead use the longhand properties such as font-synthesis-style and font-synthesis-weight.
The fit-content CSS keyword expands a box as needed to fit its contents until the maximum size is reached.
The image-rendering CSS property sets how images are scaled, retaining smoothness for photos, or hard edges for pixel art and QR codes.
The aspect-ratio CSS property controls the width-to-height ratio of elements. For <img> and <video> elements, the width and height attributes used together with height: auto control the aspect ratio while the image/video is loading.
The BigInt64Array and BigUint64Array typed arrays represent 64-bit integers, signed and unsigned respectively.
CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, block-end refers to the bottom. Also known as flow relative.
The OfflineAudioContext API represents an audio processing graph that writes to an AudioBuffer instead of an output device.
The :is() CSS functional pseudo-class takes a selector list as its argument, and matches any element that can be selected by one of the selectors in that list.
The Intl.RelativeTimeFormat API creates a locale-aware formatter that turns an object representing a relative time (such as '1 day ago') into a localized string.
The min() and max() CSS functions return the minimum or maximum of the arguments, while clamp() clamps a value to a given range.
The fill-opacity, and stroke-opacity SVG attributes and CSS properties control the transparency of a stroke or fill of an SVG element.
The isolation CSS property creates a new stacking context, which impacts z-index ordering and blend modes.
The mask-type CSS property on an SVG <mask> element sets whether the mask is a luminance or alpha mask.
The min-content and max-content CSS keywords represent the smallest and largest intrinsic sizes of an element.
The min-width, min-height, max-width, and max-height CSS properties set the minimum and maximum size of an element.
The mix-blend-mode CSS property blends an element's content with its background or parent elements using blend modes like multiply, difference, or color.
JavaScript modules allow code to be organized into reusable units. Modules use import to load other modules and export to declare what is available to import from other modules. In HTML, modules are loaded with <script type="module">.
The navigator.mediaDevices.getUserMedia() API requests access to devices that produce audio or video streams, such as microphones or video cameras.
The outline-color, outline-style, and outline-width and outline-offset CSS properties style a line around an element, outside of the border.
The JSON API provides static methods for parsing values from and converting values to JavaScript Object Notation (JSON), a serialization format for objects, arrays, numbers, strings, Boolean values, and null.
The <kbd> element represents textual user input, such as keyboard or voice input, styling text in monospaced type by default.
The <label> HTML element represents a caption for a form field.
The <link> element creates a relationship between the current document and an external resource, such as a stylesheet or favicon.
The <ol>, <ul>, and <li> HTML elements represent ordered and unordered lists.
The list-style shorthand CSS property and the list-style-image, list-style-position, and list-style-type longhand properties set the position and appearance of a list item's marker.
The <main> element represents the dominant content of a document. It is commonly used together with <header> and <footer>.
Map objects hold key-value pairs and remember the original insertion order of the keys.
The margin CSS property sets space around an element. It is a shorthand for margin-top, margin-right, margin-bottom, and margin-left.
The <mark> element represents text which is marked or highlighted for reference or notation purposes.
The @media CSS rule conditionally applies styles based on the output device type, its capabilities, and the user's preferences. Media queries are composed of an optional media type such as screen or print, and one or more mandatory media features, such as prefers-reduced-animations.
The <meta> element represents metadata about the page used by the browser or search engines, including description, keywords, and character sets.
Mouse events, such as click, mousedown, or mousemove, fire when users interact with an input or pointing device such as a mouse, trackpad, or touchscreen.
Some CSS color values can be referenced by name, such as red or limegreen. They stand in for specific RGB color values.
The :nth-child() and :nth-last-child() CSS functional pseudo-classes match elements by the relative position of elements (first, second, third, fourth, and so on), counted from the first or last sibling.
The number type (and Number object) represents floating-point numbers, such as 42 or -4.201, while the Math API contains mathematical functions and constants. JavaScript can also represent boundless negative and positive values as Infinity or not-a-number as NaN (as in 0 * Infinity).
The <object> element represents an external resource such as a PDF or SVG document. It was historically used for plugins such as Shockwave Flash.
The opacity CSS property sets the transparency of an element.
The <output> element represents the result of a calculation, user action, or form entry.
The scroll-behavior CSS property controls whether scrolling is smooth or snaps, for scroll actions not performed by the user such as those triggered by navigation.
The at() method of strings returns the character (one UTF-16 code unit) at an index, including negative indices for getting the character relative to the end of the string. Also known as the relative indexing method.
The structuredClone() global method creates a deep copy of an object. Values that cannot be cloned can instead be transferred, making the original value no longer usable.
The tab-size CSS property sets the width of the tab character.
The replaceAll() method of strings returns a new string where all matches of a pattern (a string or regular expression) have been substituted with a replacement string.
The shape-outside CSS property, along with shape-margin and shape-image-threshold, sets the shape around which adjacent content will wrap.
The circle(), ellipse(), inset(), polygon(), rect(), and xywh() CSS shape functions create shapes for use with clip-path and shape-outside.
The <slot> HTML element is a placeholder inside a web component where consumers of the component can insert their own markup.
Stable array sort() function
The matchAll() method of strings matches a string against a regular expression and returns an iterator of all results, including capturing groups.
The trimStart() and trimEnd() methods of strings return a new string with whitespace removed from the beginning or end of the string.
The position: sticky CSS declaration positions an element in the normal flow until it crosses a specified threshold, at which points it becomes fixed (stuck) at that position.
The tabindex HTML attribute make an element focusable, and sets the element's relative ordering for sequential focus navigation.
The SpeechSynthesis API converts text to speech with artificial voices.
The padStart() and padEnd() methods of strings return a string lengthened to a minimum number of characters by adding characters to the start or end of the string.
The <template> HTML element holds HTML fragments which you can clone and insert into the document using JavaScript.
The codePointAt() method returns the numeric value of the UTF-16 code point at an index of the string. The fromCodePoint() method returns a string created from one or more code points.
The includes() method of strings returns whether a search string appears within the string.
The <small> element represents side-comments and small print, like copyright and legal text, independent of its styled presentation. Styled in a reduced font size by default.
The <animate>, <animateMotion>, and <animateTransform> SVG elements declaratively animate SVG elements. Also known as SMIL.
The transform CSS property and its 3D transform functions allow rotations and other transforms in three dimensions, including perspective transforms.
The navigator.locks API coordinates work with shared resources through mutually exclusive ownership of a resource's name. Also known as web locks.
The Referrer-Policy HTTP header and referrerpolicy HTML attributes control whether requests have the Referer header and what information the header contains.
The WebGL2RenderingContext API is the "webgl2" rendering context for the <canvas> element. It represents a space for drawing two- and three-dimensional graphics and animations. It corresponds to OpenGL ES 3.0.
The font-family: system-ui CSS declaration uses the operating system default font for text.
The web authentication API allows you to create public key-based credentials and use them for authentication, such as when signing in. Also known as WebAuthn.
The visualViewport API provides a way to query and modify the user-visible viewport of a web page.
The AudioWorklet API runs module code in a separate thread, specifically for non-blocking, low latency audio processing.
The gap CSS property in a flexbox layout sets the size of the space between items.
The Intl.DisplayNames API provides localized names of language, region, script, and currency codes.
The Intl.ListFormat API creates a locale-aware formatter that turns iterable objects into localized strings.
The WeakRef and FinalizationRegistry objects hold references to garbage-collectable objects without creating strong references that prevent their garbage collection.
The Web Audio API creates graphs of audio nodes that handle sound inputs, synthesize sounds, apply effects, create visualizations, and output to audio devices.
The clip-path CSS property and SVG attribute set the visible area of an element. Everything outside the area will be hidden.
The :where() CSS functional pseudo-class takes a selector list as its argument, and matches any element that can be selected by one of the selectors in that list. It is functionally equivalent to the selectors in the list, but doesn't affect the CSS rule specificity.
The conic-gradient() and repeating-conic-gradient() CSS functions create backgrounds that progress between two or more colors around a center point.
The BigInt JavaScript type represents integers of any size, including integers too large for the primitive Number type.
The Intl.Locale API parses Unicode locale identifiers, with language, region, and script codes, such as zh-Hans-CN or en-GB.
The Promise.any() static method returns a promise that fulfills as soon as the first of an iterable of promises fulfills, with that promise's value. Otherwise, it rejects with an AggregateError when all of the promises have rejected.
The scrollIntoView() method scrolls an element's ancestor containers such that the element is visible to the user.
The WebP image format is a raster graphics file format that supports animation, alpha transparency, and lossy as well as lossless compression.
The Promise.allSettled() static method waits for an array of promises to settle (resolve or reject).
The :read-only and :read-write CSS pseudo-classes match elements that are read-only or read-write, respectively. For example, :read-only matches <input> and <textarea> elements with the readonly attribute.
The revert CSS keyword resets any property to its previous default, provided by either the user or browser stylesheets. For example, setting display: revert on a <div> will likely result in display: block, the browser default style. This is often confused with initial.
The image-orientation CSS property corrects the rotation of an image using the image's metadata, such as EXIF.
The font-optical-sizing CSS property sets whether text rendering is optimized for viewing at different sizes.
The animate() method of Element objects programmatically animates elements over time and can synchronize the animations of multiple elements.
The all CSS property is a shorthand for all CSS properties, except for direction and unicode-bidi. It accepts only the keywords for explicit defaulting (such as initial and inherit), since they are the only values supported on all CSS properties.
The flat() and flatMap() methods for arrays creates a new array such that each nested array item is concatenated into it.
Async generator functions (async function*) create iterators that return multiple promises, one after another, on-demand.
Asynchronous iterator objects, such as those returned by promises or generator functions, are iterable with the for await .. of loop.
Autonomous custom elements are HTML elements with a hyphenated tag name (like <example-element>) that have behaviors you define.
The background-blend-mode CSS property blends an element's background image and background color using blend modes like multiply, difference, or color.
The <bdi> element isolates text that may have a different text direction from its surrounding text. This prevents the browser's bidirectional text algorithm from affecting or being affected by the direction of the surrounding text.
The captureStream() method for <canvas> elements returns a MediaStream which includes a CanvasCaptureMediaStreamTrack representing real-time video of the canvas image. You can use this to record the canvas, or send it elsewhere, such as another canvas or WebRTC connection.
The caret-color CSS property sets the color of the text insertion pointer in a text input.
The navigator.credentials API provides generic storage for authentication credentials. Other credential APIs represent specific kinds of credentials, such as password or public key credentials, that the credential management API stores.
The :default CSS pseudo-class matches the default element in a group of related form controls, such as checkboxes and radio buttons with the checked attribute.
The <details> element is a disclosure widget which can be expanded to reveal additional content. When closed, only the nested <summary> element is visible.
The document.elementFromPoint() and document.elementsFromPoint() methods find the top-most element at a given point in the viewport, or all elements at a given point in the viewport, respectively.
The <embed> element represents an external resource such as a PDF or SVG document. It was historically used for plugins such as Shockwave Flash.
The font-display CSS descriptor sets whether to show a substitute font or nothing while a font face loads. The property manages what's known as a flash of unstyled text or flash of invisible text.
The font-kerning CSS property sets whether kerning data from a font is used to adjust the space between letters.
The document.fonts API dynamically loads custom fonts and tracks when fonts are loading or ready to use.
The font-variant-caps CSS property sets whether text should be displayed in small caps, petite caps, or with capital letters designed for titles.
The font-variant-east-asian CSS property controls glyph substitution and sizing in East Asian text.
The font-variant-ligatures CSS property sets how characters can be visually combined for readability or stylistic reasons.
The font-variant-numeric CSS property sets how numeric characters are displayed. For example, you can align columns of numbers or use zeroes that have a slash.
The hsl() and hsla() CSS functions pick colors using hue, saturation, lightness, and alpha (transparency) channels.
The srcdoc attribute for the <iframe> HTML element sets a string of HTML to embed in the document. The value of srcdoc overrides loading a document from the src attribute.
The :indeterminate CSS pseudo-class selects any form element whose state is indeterminate, such as checkboxes that have been set to an indeterminate state with JavaScript, or radio buttons which are members of a group in which all radio buttons are unchecked.
The ::placeholder CSS pseudo-element selects help text in <input> and <textarea> elements when no value is set.
The :placeholder-shown CSS pseudo-element selects <input> and <textarea> elements when no value is set and the element's placeholder attribute is not empty. Not to be confused with ::placeholder, which selects the placeholder text itself.
The prefers-color-scheme CSS media query sets styles based on the requested color scheme, light or dark.
The prefers-reduced-motion CSS media query sets styles based on whether the user prefers to minimize the amount of non-essential animations on the device, such as scrolling, panning, zooming, and strobing.
The rgb(), rgba(), and hexadecimal (as in #004488ff`) notations pick colors using red, green, blue, and alpha (transparency) channels.
The safe-area-inset- CSS environment variables represent a rectangle that cannot cut off content within a non-rectangular screen. For example, top:\ env(safe-area-inset-top); positions the top of an element below the notch on an iPhone.
Shadow DOM allows you to attach encapsulated "shadow" DOM trees to elements. A shadow DOM tree is a separate component, isolated from the scripts and styles in other parts of the document. This is a part of Web Components.
The WebRTC API establishes real-time communication channels directly between browsers. It is commonly used in video conferencing applications.
The will-change CSS property gives hints to the browser about expected changes to an element's scroll position, contents, or style. These hints allow browsers to optimize for upcoming style changes.
The Intl.PluralRules API creates a locale-aware object that tells you which of the language's pluralization rules apply based on a given number.
An alternative to @media print queries, the beforeprint and afterprint events allow you to change the page for printing and and restore the page after printing.
CSS scroll snap controls the panning and scrolling behavior within a scroll container.
If you construct a fetch request with an AbortSignal, you can cancel the request.
The AbortController and AbortSignal APIs allow you to cancel an ongoing operation, such as a fetch() request.
The Intersection Observer API asynchronously observes changes in the intersection of a target element with an ancestor element or with a top-level document's viewport.
Methods that validate form controls before submission, such as checkValidity(), reportValidity() and setCustomValidity().
The pointer, any-pointer, hover, and any-hover CSS media queries set styles based on the presence of pointing devices and their ability to hover over elements. For example, most smartphones match the (hover: none) and (pointer: coarse) media query.
The promise finally() method executes a function when the promise settles (resolves or rejects).
The font-variation-settings CSS property sets an "axis of variability" on a variable font, such as weight, optical size, or a custom axis defined by the typeface designer. When possible, use other CSS font properties, such as font-weight: bold. Also known as variable fonts.
Arrays are iterable with the for … of statement and enumerable with the methods entries(), keys(), and values().
The <data> element links a given piece of content with a machine-readable translation.
The <time> HTML element represents a time, such as a calendar date, clock time, or duration. It may include the datetime attribute to translate dates into machine-readable format.
CSS grid is a two-dimensional layout system, which lays content out in rows and columns.
The vw, vh, vmin, and vmax CSS viewport units are relative to the size of the viewport, and are used to size elements in relation to the viewport's dimensions.
The Intl API provides language sensitive string comparison, number formatting, date and time formatting, and more.
The font-stretch CSS property selects a font face from a font family based on width, either by a keyword such as condensed or a percentage.
PerformanceResourceTiming entries report when network events happen while loading a resource, such as when connections start and end. You can use this information to measure loading times.
The async and await keywords allow you to use the asynchronous, promise-based behavior of a function without using promise chains.
Custom properties are CSS properties prefixed with -- that set values you can reuse with the var() function. For example, you can set a --key-color property to reuse as border-color: var(--key-color). Also known as CSS variables.
The font-feature-settings CSS property sets low-level OpenType feature tags for a font. When possible, use font-variant instead.
Classes are an object-oriented syntax for JavaScript prototypes.
The "copy", "cut", and "paste" events fire on elements when the user starts an action with the clipboard.
The fetch() method makes asynchronous HTTP requests.
The writing-mode CSS property sets whether text is laid out horizontally or vertically, and left to right, or right to left.
The border-image CSS property draws an image around an element.
The copyWithin() method of arrays and typed arrays shifts or copies items of an array to another index of the array without changing its length.
The fill() method of arrays and typed arrays sets all or some items of an array to a given a value.
The find() and findIndex() methods of arrays and typed arrays search an array for the first item that satisfies a test function.
The Array.from() and typed array .from() static methods copy items from an iterable or array-like object to make a new array.
The includes() method of arrays and typed arrays returns whether a given value appears in the array.
The Array.of() and typed array .of() static methods create new arrays from the values of any number of arguments.
The @font-face CSS at-rule creates a custom font-family value. The at-rule's descriptors set the font's name, source, and various display settings.
Generator functions (function*) create iterators that return multiple values, one after another, on-demand.
The Proxy and Reflect JavaScript built-ins intercept and define custom behavior for fundamental language operations (such as property lookup, assignment, enumeration, or function invocation).
The normalize() method of strings returns a Unicode normal form of a string as a new string. More than one code point sequence can represent the same characters. You can use the normalize() method to find canonically or compatibly equivalent strings.
Typed array iteration methods
Typed arrays are iterable with the for … of statement and enumerable with the methods entries(), keys(), and values().
The <picture> element is used for art direction in responsive images, where a different image is displayed based on the <source> element.
The unset keyword resets any CSS property, removing any values previously set by the author, user, or browser. Inherited properties (like color) reset to the parent element's computed value. Non-inherited properties (like display) reset to the specified initial value (inline).
The initial keyword resets any CSS property to its initial value as defined by the specification. For example, the initial value of the display property is inline, regardless of the element being styled. Not to be confused with revert, which resets to the user or browser default style.
The animation CSS property animates an element's style over time, using keyframes described in @keyframes rules.
Flexbox is a one-dimensional layout system, which places content either horizontally or vertically, with optional wrapping.
The HTTP/2 protocol is a major revision of the HTTP network protocol, providing improved performance and efficiency by using a single TCP connection to send multiple streams of data at once.
The String.raw() static method interpolates template literal substitutions, but ignores escape sequences. It is the tag function for template literals.
The repeat() method of strings returns the original string repeated a number of times.
The startsWith() and endsWith() methods of strings returns whether a search string appears at the beginning or end of the provided string.
The @supports at-rule applies styles based on a browser's support for CSS features, such as a CSS property and value. Also known as feature queries.
The transform CSS property and its 2D transform functions allow rotating, scaling, skewing, and translating an element. Arbitrary 2D transforms are also possible using a transformation matrix.
A WeakSet object stores unique values of any type without creating strong references to the values, such that membership in the set does not prevent garbage collection of the value.
The <a> element creates a hyperlink to any resource that's accessible via a URL, such as web pages, files, email addresses, or locations within the same page.
The <abbr> HTML element represents an abbreviation or acronym.
The position: absolute CSS declaration removes an element from the normal flow and positions it relative to its containing block, which is often the root element, or closest positioned ancestor.
The <address> element represents contact information for a person or people, or for an organization.
Arrays are ordered lists of JavaScript values.
The Array.isArray() static method checks whether a value is an array.
Array iteration methods
The array splice() method changes an array in-place. You can use it to delete items, overwrite items, or insert items, starting from an index.
The <article> element represents self-contained content, which is intended to be independently distributable or reusable, such as a comment, a blog post, or news article.
The <aside> element represents a portion of a document whose content is only indirectly related to the document's main content.
The <audio> element plays sound such as audio effects or music, optionally with controls provided by the browser.
The autofocus HTML attribute gives focus to an element on page load.
The <b> HTML element draws reader's attention to text, styling text as bold by default.
The background-clip CSS property sets the extent of the background: the padding box, the content box, or the default border box.
The <base> element sets the base URL (the URL that relative URLs are relative to) for all relative URLs in the document.
The atob() and btoa() global functions encode and decode strings to and from base 64, respectively.
The <bdo> element overrides the directionality of text, so that the text within is rendered in a different direction than the surrounding text.
The ::before and ::after CSS pseudo-elements select inline boxes preceding and following an element. They are often used with the content property to generate cosmetic content.
The <blockquote> element represents an extended quotation, styling contents as an indented block by default.
The <body> element represents the content of an HTML document.
The border-radius CSS property rounds the corners of the border drawn around an element.
The border CSS property sets the color, style, and width of the line around an element.
The box-sizing CSS property sets whether an element's width and height are calculated based on the content-box, which does not count the size of borders or padding, or border-box, which does count them.
The <br> element produces line breaks in text.
The calc() CSS function computes mathematical expressions such a calc(100%/3 - 1em).
The <canvas> HTML element is a space to draw graphics in, using the 2D canvas API, WebGL, or WebGPU.
The CanvasRenderingContext2D API is the "2d" rendering context for the <canvas> element. It represents a flat, two-dimensional space for drawing graphics and animations.
The <cite> element represents the title of a quoted, referenced, or mentioned creative work, such as a film or book.
The <code> element displays its contents as a fragment of computer code.
The counter-reset and counter-increment CSS properties and the counter() and counters() functions automatically number headings or ordered list items.
The currentColor CSS value allows you to reuse an element's computed text color for other properties.
The Date object represents a single moment in time.
The <del> element element represents a range of text that has been deleted from a document, styling text as strikethrough by default.
The <dfn> element marks a term to be defined, styling text as italic by default.
The <div> HTML element is the generic container for content.
The <em> HTML element emphasizes or stresses the content, styling text as italic by default.
The <fieldset> and <legend> elements group several form control elements within a web form.
The <figure> and <figcaption> HTML elements represent an illustration, diagram, text, or other self-contained reference content, with an optional caption.
The ::first-letter CSS pseudo-element selects the first letter in an element for styling.
The ::first-line CSS pseudo-element selects the first line of text in an element for styling.
The position: fixed CSS declaration removes an element from the normal flow and positions it relative to the viewport or page.
The font-family CSS property sets the desired font face for text, along with optional fallback font faces.
The font CSS property shorthand sets multiple font properties, including style, weight, size, and font family.
The font-size CSS property sets the text height.
The font-style CSS property sets the text style, with normal, italic, and oblique options.
The font-variant CSS property is a shorthand for font-variant-alternates, font-variant-caps, font-variant-east-asian, font-variant-emoji, font-variant-ligatures, font-variant-numeric, and font-variant-position.
The font-weight CSS property controls the thickness of a font. It is set explicitly with the keyword bold or a number, or relative to the inherited thickness with the keywords bolder or lighter.
The <form> element contains interactive controls for submitting information.
Functions are series of statements that can be called and return a value. The function keyword (as in function () { }) and arrow (=>) expression create functions. The JavaScript functions protocol includes default and rest parameters and binding to this.
The navigator.gelocation API requests the user's latitude, longitude, heading, and speed.
The <head> element contains machine-readable information (metadata) about the document, such as the title, <script> and <style> elements, and <meta> elements.
The <h1> through <h6> HTML elements represent six levels of section headings, in order of decreasing importance.
The <hgroup> element represents a heading and related content.
The <hr> element represents a thematic break between paragraphs, often shown as a horizontal rule.
The <html> element represents the top-level of an HTML document and is referred to as the root element.
HTTP/1.1 is a network protocol used by browsers and servers. It has been superseded by HTTP/2 and HTTP/3.
The <i> HTML element identifies idiomatic content, styling text as italic by default.
The <iframe> element embeds another HTML page into the current page.
The <area> and <map> elements define a clickable area on an image.
The <img> element adds an image into the document.
The @import CSS at-rule loads styles from another stylesheet.
The inherit keyword resets any CSS property to the computed value of that property from the parent element.
The <ins> element element represents a range of text that has been inserted into a document, styling text as underlined by default.
The <p> element represents a paragraph of text.
The padding CSS property sets space between an element's edge and its contents. It is a shorthand for padding-top, padding-right, padding-bottom, and padding-left.
The physical CSS properties, top, right, bottom, and left, set the inset position of an element relative to the corresponding side of a container determined by the element's position property.
The position CSS property sets the origin position of an element to an element, the element's scrollport, or the viewport.
The <pre> element represents a block element of preformatted text that is presented exactly as written, including all white space.
The <progress> element displays an indicator showing the completion progress of a task, typically displayed as a progress bar.
A promise represents an asynchronous operation which eventually succeeds or fails.
The <q> element represents a short inline quotation.
The RegExp object represents a regular expression, a notation for matching text patterns.
The position: relative CSS declaration offsets the position of an element relative to its position in the normal flow.
The requestAnimationFrame() method schedules a function that runs before the next repaint. You can use it to animate content with JavaScript.
The <ruby> element produces small annotations that are rendered with its base text.
The <s> HTML element indicates text that is no longer relevant or accurate, styling text as strikethrough by default.
The <small> element represents side-comments and small print, like copyright and legal text, styling text in a reduced font size by default.
The <script> element contains or loads data or executable code. This is typically used to load JavaScript code. The <noscript> element represents alternative content to show when scripting is not allowed.
The <input> HTML element with the type="search" attribute represents a text field for search queries, which might be styled differently by the browser.
The <section> element is a generic standalone section of a document, which doesn't have a more specific semantic element to represent it.
The <select> element provides a menu of options for a user to pick from, typically rendered as a dropdown list.
Set objects store unique values of any type.
The <source> element sets a media resource for the <picture>, <video>, and <audio> elements.
The <span> HTML element is the generic inline container for content.
The position: static CSS declaration positions an element in the normal flow. A statically positioned element ignores physical and logical properties such as top or inset-block-start.
The string type (and String object) represents a sequence of characters.
The <strong> HTML element brings attention to the content, styling text as bold by default.
The <style> element embeds an inline CSS stylesheet in a document.
The <sub> and <sup> elements sets inline text to be displayed as subscript or superscript for solely typographical reasons.
The system color CSS keywords, such as ButtonBorder or LinkText, allow you to match default colors from the user agent.
The <table> HTML element, with several related elements, represents tabular data in rows and columns of cells.
The text-indent CSS property sets the size of the empty space (indentation) at the beginning of lines in a text.
The text-overflow CSS property sets how hidden overflow content appears to users. The property can clip content, truncate content with an ellipsis (…), or truncate with a custom string.
The <track> element is used as a child of the media elements that lets you specify a timed text track to be displayed in parallel with the media element.
The <textarea> element represents an editing control that allows users to enter multi-line, free-form, plain text.
The <title> element sets the title of the document and exposes it to users via the UI of the browser or app they're using and through assistive technology.
Typed arrays are ordered lists of JavaScript values, where all values are of the same numerical type, such as 8-bit integers or 32-bit floating point numbers.
The <u> HTML element makes non-textual annotations, styling text as underlined by default.
The <var> element represents the name of a variable in a mathematical expression or a programming context.
The <video> element plays videos or movies, optionally with controls provided by the browser.
The <wbr> HTML element represents a word break opportunity, to explicitly mark a place within a word where a line might be broken.
A WeakMap object holds key-value pairs that do not create strong references to its keys, such that value data can be associated with a key without preventing garbage collection of the key.
The Web Cryptography API performs low-level cryptographic operations, such as encryption, decryption, and signature verification. Also known as the Web Crypto API.
The WebGLRenderingContext API is the "webgl" rendering context for the <canvas> element. It represents a space for drawing two- and three-dimensional graphics and animations.
The WebSocket API opens a two-way communication channel between the user's browser and a server.
WebVTT is a captions and subtitles format. WebVTT files are loaded using the <track> element, and the VTTCue API can be used to create or update cues dynamically.
The white-space CSS property sets how white space is collapsed and how lines wrap. It is a shorthand for white-space-collapse and text-wrap-mode.
The width and height CSS properties set the preferred physical size of an element.
The XMLHttpRequest API makes HTTP requests. It's the predecessor to fetch(). Also known as XHR.
The XMLSerializer API provides the serializeToString() method to construct an XML string representing a DOM tree.
The z-index CSS property orders overlapping elements, with higher values appearing in front of or on top of lower values.