Allows you to modify a ConcreteHtmlTag by adding a Seq containing other nest-able objects to its list of children.
Renders an Seq of FragT into a single FragT
Renders an Seq of FragT into a single FragT
Allows you to modify a ConcreteHtmlTag by adding an Array containing other nest-able objects to its list of children.
Allows you to modify a ConcreteHtmlTag by adding an Array containing other nest-able objects to its list of children.
Renders an Option of FragT into a single FragT
Renders an Option of FragT into a single FragT
Allows you to modify a ConcreteHtmlTag by adding an Option containing other nest-able objects to its list of children.
Allows you to modify a ConcreteHtmlTag by adding an Option containing other nest-able objects to its list of children.
Lets you put Unit into a scalatags tree, as a no-op.
Lets you put Unit into a scalatags tree, as a no-op.
If the value of the type attribute is file, this attribute indicates the types of files that the server accepts; otherwise it is ignored.
If the value of the type attribute is file, this attribute indicates the types of files that the server accepts; otherwise it is ignored.
MDN
Specifies a shortcut key to activate/focus an element
Specifies a shortcut key to activate/focus an element
The URI of a program that processes the information submitted via the form.
The URI of a program that processes the information submitted via the form. This value can be overridden by a formaction attribute on a button or input element.
MDN
The CSS align-content property aligns a flex container's lines within the flex container when there is extra space on the cross-axis.
The CSS align-items property aligns flex items of the current flex line the same way as justify-content but in the perpendicular direction.
The align-self CSS property aligns flex items of the current flex line overriding the align-items value.
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 until the image is downloaded.
MDN
ARIA is a set of special accessibility attributes which can be added to any markup, but is especially suited to HTML.
Constructs an Attr attribute object from a string; can be used inline:
This attribute indicates whether the value of the control can be automatically completed by the browser.
This attribute indicates whether the value of the control can be automatically completed by the browser. This attribute is ignored if the value of the type attribute is hidden, checkbox, radio, file, or a button type (button, submit, reset, image).
Possible values are "off" and "on"
MDN
This Boolean attribute lets you specify that a form control should have input focus when the page loads, unless the user overrides it, for example by typing in a different control.
This Boolean attribute lets you specify that a form control should have input focus when the page loads, unless the user overrides it, for example by typing in a different control. Only one form element in a document can have the autofocus attribute, which is a Boolean. It cannot be applied if the type attribute is set to hidden (that is, you cannot automatically set focus to a hidden control).
MDN
The background CSS property is a shorthand for setting the individual background values in a single place in the style sheet.
The background CSS property is a shorthand for setting the individual background values in a single place in the style sheet. background can be used to set the values for one or more of: background-clip, background-color, background-image, background-origin, background-position, background-repeat, background-size, and background-attachment.
MDN
If a background-image is specified, the background-attachment CSS property determines whether that image's position is fixed within the viewport, or scrolls along with its containing block.
The background-clip CSS property specifies whether an element's background, either the color or image, extends underneath its border.
The background-color CSS property sets the background color of an element, either through a color value or the keyword transparent.
The background-color CSS property sets the background color of an element, either through a color value or the keyword transparent.
MDN
The CSS background-image property sets one or several background images for an element.
The CSS background-image property sets one or several background images for an element. The images are drawn on successive stacking context layers, with the first specified being drawn as if it is the closest to the user. The borders of the element are then drawn on top of them, and the background-color is drawn beneath them.
MDN
The background-origin CSS property determines the background positioning area, that is the position of the origin of an image specified using the background-image CSS property.
The background-position CSS property sets the initial position, relative to the background position layer defined by background-origin for each defined background image.
The background-position CSS property sets the initial position, relative to the background position layer defined by background-origin for each defined background image.
MDN
The background-repeat CSS property defines how background images are repeated.
The background-repeat CSS property defines how background images are repeated. A background image can be repeated along the horizontal axis, the vertical axis, both, or not repeated at all. When the repetition of the image tiles doesn't let them exactly cover the background, the way adjustments are done can be controlled by the author: by default, the last image is clipped, but the different tiles can instead be re-sized, or space can be inserted between the tiles.
MDN
The background-size CSS property specifies the size of the background images.
The border CSS property is a shorthand property for setting the individual border property values in a single place in the style sheet.
The border CSS property is a shorthand property for setting the individual border property values in a single place in the style sheet. border can be used to set the values for one or more of: border-width, border-style, border-color.
MDN
The border-bottom CSS property is a shorthand that sets the values of border-bottom-color, border-bottom-style, and border-bottom-width.
The border-bottom CSS property is a shorthand that sets the values of border-bottom-color, border-bottom-style, and border-bottom-width. These properties describe the bottom border of elements.
MDN
The border-bottom-color CSS property sets the color of the bottom border of an element.
The border-bottom-color CSS property sets the color of the bottom border of an element. Note that in many cases the shorthand CSS properties border-color or border-bottom are more convenient and preferable.
MDN
The border-bottom-left-radius CSS property sets the rounding of the bottom-left corner of the element.
The border-bottom-left-radius CSS property sets the rounding of the bottom-left corner of the element. The rounding can be a circle or an ellipse, or if one of the value is 0 no rounding is done and the corner is square.
MDN
The border-bottom-right-radius CSS property sets the rounding of the bottom-right corner of the element.
The border-bottom-right-radius CSS property sets the rounding of the bottom-right corner of the element. The rounding can be a circle or an ellipse, or if one of the value is 0 no rounding is done and the corner is square.
MDN
The border-bottom-style CSS property sets the line style of the bottom border of a box.
The border-bottom-style CSS property sets the line style of the bottom border of a box.
MDN
The border-bottom-width CSS property sets the width of the bottom border of a box.
The border-bottom-width CSS property sets the width of the bottom border of a box.
MDN
The border-collapse CSS property selects a table's border model.
The border-color CSS property is a shorthand for setting the color of the four sides of an element's border: border-top-color, border-right-color, border-bottom-color, border-left-color
The border-color CSS property is a shorthand for setting the color of the four sides of an element's border: border-top-color, border-right-color, border-bottom-color, border-left-color
MDN
The border-left CSS property is a shorthand that sets the values of border-left-color, border-left-style, and border-left-width.
The border-left CSS property is a shorthand that sets the values of border-left-color, border-left-style, and border-left-width. These properties describe the left border of elements.
The three values of the shorthand property can be specified in any order, and one or two of them may be omitted.
MDN
The border-right-color CSS property sets the color of the right border of an element.
The border-right-color CSS property sets the color of the right border of an element. Note that in many cases the shorthand CSS properties border-color or border-right are more convenient and preferable.
MDN
The border-left-style CSS property sets the line style of the left border of a box.
The border-left-style CSS property sets the line style of the left border of a box.
MDN
The border-left-width CSS property sets the width of the left border of a box.
The border-left-width CSS property sets the width of the left border of a box.
MDN
The border-radius CSS property allows Web authors to define how rounded border corners are.
The border-radius CSS property allows Web authors to define how rounded border corners are. The curve of each corner is defined using one or two radii, defining its shape: circle or ellipse.
MDN
The border-right CSS property is a shorthand that sets the values of border-right-color, border-right-style, and border-right-width.
The border-right CSS property is a shorthand that sets the values of border-right-color, border-right-style, and border-right-width. These properties describe the right border of elements.
MDN
The border-right-color CSS property sets the color of the top border of an element.
The border-right-color CSS property sets the color of the top border of an element. Note that in many cases the shorthand CSS properties border-color or border-right are more convenient and preferable.
MDN
The border-right-style CSS property sets the line style of the right border of a box.
The border-right-style CSS property sets the line style of the right border of a box.
MDN
The border-right-width CSS property sets the width of the right border of a box.
The border-right-width CSS property sets the width of the right border of a box.
MDN
The border-spacing CSS property specifies the distance between the borders of adjacent cells (only for the separated borders model).
The border-style CSS property is a shorthand property for setting the line style for all four sides of the elements border.
The border-style CSS property is a shorthand property for setting the line style for all four sides of the elements border.
MDN
The border-top CSS property is a shorthand that sets the values of border-top-color, border-top-style, and border-top-width.
The border-top CSS property is a shorthand that sets the values of border-top-color, border-top-style, and border-top-width. These properties describe the top border of elements.
MDN
The border-top-color CSS property sets the color of the top border of an element.
The border-top-color CSS property sets the color of the top border of an element. Note that in many cases the shorthand CSS properties border-color or border-top are more convenient and preferable.
MDN
The border-top-left-radius CSS property sets the rounding of the top-left corner of the element.
The border-top-left-radius CSS property sets the rounding of the top-left corner of the element. The rounding can be a circle or an ellipse, or if one of the value is 0 no rounding is done and the corner is square.
MDN
The border-top-right-radius CSS property sets the rounding of the top-right corner of the element.
The border-top-right-radius CSS property sets the rounding of the top-right corner of the element. The rounding can be a circle or an ellipse, or if one of the value is 0 no rounding is done and the corner is square.
MDN
The border-top-style CSS property sets the line style of the top border of a box.
The border-top-style CSS property sets the line style of the top border of a box.
MDN
The border-top-width CSS property sets the width of the top border of a box.
The border-top-width CSS property sets the width of the top border of a box.
MDN
The border-width CSS property sets the width of the border of a box.
The border-width CSS property sets the width of the border of a box. Using the shorthand property border is often more convenient.
MDN
The bottom CSS property participates in specifying the position of positioned elements.
The bottom CSS property participates in specifying the position of positioned elements.
For absolutely positioned elements, that is those with position: absolute or position: fixed, it specifies the distance between the bottom margin edge of the element and the bottom edge of its containing block.
For relatively positioned elements, that is those with position: relative, it specifies the distance the element is moved above its normal position.
However, the top property overrides the bottom property, so if top is not auto, the computed value of bottom is the negative of the computed value of top.
MDN
The box-shadow CSS property describes one or more shadow effects as a comma-separated list.
The box-shadow CSS property describes one or more shadow effects as a comma-separated list. It allows casting a drop shadow from the frame of almost any element. If a border-radius is specified on the element with a box shadow, the box shadow takes on the same rounded corners. The z-ordering of multiple box shadows is the same as multiple text shadows (the first specified shadow is on top).
MDN
The box-sizing CSS property is used to alter the default CSS box model used to calculate widths and heights of elements.
The caption-side CSS property positions the content of a table's caption on the specified side.
Declares the character encoding of the page or script.
Declares the character encoding of the page or script. Used on meta and script elements.
MDN
When the value of the type attribute is radio or checkbox, the presence of this Boolean attribute indicates that the control is selected by default; otherwise it is ignored.
When the value of the type attribute is radio or checkbox, the presence of this Boolean attribute indicates that the control is selected by default; otherwise it is ignored.
MDN
This attribute is a space-separated list of the classes of the element.
This attribute 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 DOM method document.getElementsByClassName. You can use cls as an alias for this attribute so you don't have to backtick-escape this attribute.
MDN
The clear CSS property specifies whether an element can be next to floating elements that precede it or must be moved down (cleared) below them.
The clip CSS property defines what portion of an element is visible.
Shorthand for the class attribute
Shorthand for the class attribute
The CSS color property sets the foreground color of an element's text content, and its decorations.
The visible width of the text control, in average character widths.
The visible width of the text control, in average character widths. If it is specified, it must be a positive integer. If it is not specified, the default value is 20 (HTML5).
MDN
This attribute contains a non-negative integer value that indicates for how many columns the cell extends.
This attribute contains a non-negative integer value that indicates for how many columns the cell extends. Its default value is 1; if its value is set to 0, it extends until the end of the
This attribute gives the value associated with the http-equiv or name attribute, depending of the context.
This attribute gives the value associated with the http-equiv or name attribute, depending of the context.
MDN
Constructs a CSS Style from a string, can be used inline
The cursor CSS property specifies the mouse cursor displayed when the mouse pointer is over an element.
This class of attributes, called custom data attributes, allows proprietary information to be exchanged between the HTML and its DOM representation that may be used by scripts.
Specifies the text direction for the content in an element.
Specifies the text direction for the content in an element. The valid values are:
- ltr Default. Left-to-right text direction
- rtl Right-to-left text direction
- auto Let the browser figure out the text direction, based on the content,
(only recommended if the text direction is unknown)
Set the direction CSS property to match the direction of the text: rtl for Hebrew or Arabic text and ltr for other scripts.
This Boolean attribute indicates that the form control is not available for interaction.
This Boolean attribute indicates that the form control is not available for interaction. In particular, the click event will not be dispatched on disabled controls. Also, a disabled control's value isn't submitted with the form.
This attribute is ignored if the value of the type attribute is hidden.
MDN
The display CSS property specifies the type of rendering box used for an element.
A Boolean attribute that specifies whether an element is draggable or not
A Boolean attribute that specifies whether an element is draggable or not
Specifies whether the dragged data is copied, moved, or linked, when dropped
Specifies whether the dragged data is copied, moved, or linked, when dropped
he empty-cells CSS property specifies how user agents should render borders and backgrounds around cells that have no visible content.
The enctype attribute provides the encoding type of the form when it is
submitted (for forms with a method of "POST").
The enctype attribute provides the encoding type of the form when it is
submitted (for forms with a method of "POST").
The flex CSS property is a shorthand property specifying the ability of a flex item to alter its dimensions to fill available space.
The flex CSS property is a shorthand property specifying the ability of a flex item to alter its dimensions to fill available space. Flex items can be stretched to use available space proportional to their flex grow factor or their flex shrink factor to prevent overflow.
MDN
The CSS flex-basis property specifies the flex basis which is the initial main size of a flex item.
The CSS flex-basis property specifies the flex basis which is the initial main size of a flex item. The property determines the size of the content-box unless specified otherwise using box-sizing.
MDN
The CSS flex-direction property specifies how flex items are placed in the flex container defining the main axis and the direction (normal or reversed).
The CSS flex-grow property specifies the flex grow factor of a flex item.
The CSS flex-grow property specifies the flex grow factor of a flex item.
MDN
The CSS flex-shrink property specifies the flex shrink factor of a flex item.
The CSS flex-shrink property specifies the flex shrink factor of a flex item.
MDN
The CSS flex-wrap property specifies whether the children are forced into a single line or if the items can be flowed on multiple lines.
The float CSS property specifies that an element should be taken from the normal flow and placed along the left or right side of its container, where text and inline elements will wrap around it.
The font CSS property is either a shorthand property for setting font-style, font-variant, font-weight, font-size, line-height and font-family, or a way to set the element's font to a system font, using specific keywords.
The font CSS property is either a shorthand property for setting font-style, font-variant, font-weight, font-size, line-height and font-family, or a way to set the element's font to a system font, using specific keywords.
MDN
The font-family CSS property allows for a prioritized list of font family names and/or generic family names to be specified for the selected element.
The font-family CSS property allows for a prioritized list of font family names and/or generic family names to be specified for the selected element. Unlike most other CSS properties, values are separated by a comma to indicate that they are alternatives. The browser will select the first font on the list that is installed on the computer, or that can be downloaded using the information provided by a @font-face at-rule.
MDN
The font-feature-settings CSS property allows control over advanced typographic features in OpenType fonts.
The font-feature-settings CSS property allows control over advanced typographic features in OpenType fonts.
MDN
The font-size CSS property specifies the size of the font – specifically the desired height of glyphs from the font.
The font-size-adjust CSS property specifies that font size should be chosen based on the height of lowercase letters rather than the height of capital letters.
The font-size-adjust CSS property specifies that font size should be chosen based on the height of lowercase letters rather than the height of capital letters.
This is useful since the legibility of fonts, especially at small sizes, is determined more by the size of lowercase letters than by the size of capital letters. This can cause problems when the first-choice font-family is unavailable and its replacement has a significantly different aspect ratio (the ratio of the size of lowercase letters to the size of the font).
MDN
The font-style CSS property allows italic or oblique faces to be selected within a font-family.
The font-weight CSS property specifies the weight or boldness of the font.
Describes elements which belongs to this one.
Describes elements which belongs to this one. Used on labels and output elements.
MDN
The form attribute specifies one or more forms an ` element belongs to.
The form attribute specifies one or more forms an ` element belongs to.
The formaction attribute provides the URL that will process the input control
when the form is submitted and overrides the default action attribute of the
form element.
The formaction attribute provides the URL that will process the input control
when the form is submitted and overrides the default action attribute of the
form element. This should be used only with input elements of type
submit or image.
The formenctype attribute provides the encoding type of the form when it is
submitted (for forms with a method of "POST") and overrides the default
enctype attribute of the form element.
The formenctype attribute provides the encoding type of the form when it is
submitted (for forms with a method of "POST") and overrides the default
enctype attribute of the form element. This should be used only with the
input elements of type "submit" or "image"
The formmethod attribute specifies the HTTP Method the form should use when
it is submitted and overrides the default method attribute of the form
element.
The formmethod attribute specifies the HTTP Method the form should use when
it is submitted and overrides the default method attribute of the form
element. This should be used only with the input elements of type "submit"
or "image".
The formnovalidate Boolean attribute specifies that the input of the form
should not be validated upon submit and overrides the default novalidate
attribute of the form.
The formnovalidate Boolean attribute specifies that the input of the form
should not be validated upon submit and overrides the default novalidate
attribute of the form. This should only be used with input elements of
of type "submit".
The formtarget provides a name or keyword that indicates where to display
the response that is received after submitting the form and overrides the
target attribute of them form element.
The formtarget provides a name or keyword that indicates where to display
the response that is received after submitting the form and overrides the
target attribute of them form element. This should only be used with
the input elements of type "submit" or "image"
The height CSS property specifies the height of the content area of an element.
The height CSS property specifies the height of the content area of an element. The content area is inside the padding, border, and margin of the element.
The min-height and max-height properties override height.
MDN
The height attribute specifies the height of an input element of
type "image".
The height attribute specifies the height of an input element of
type "image".
Specifies that an element is not yet, or is no longer, relevant and consequently hidden from view of the user.
Specifies that an element is not yet, or is no longer, relevant and consequently hidden from view of the user.
For use in <meter> tags.
For use in <meter> tags.
https://css-tricks.com/html5-meter-element/
This is the single required attribute for anchors defining a hypertext source link.
This is the single required attribute for anchors defining a hypertext source link. It indicates the link target, either a URL or a URL fragment. A URL fragment is a name preceded by a hash mark (#), which specifies an internal target location (an ID) within the current document. URLs are not restricted to Web (HTTP)-based documents. URLs might use any protocol supported by the browser. For example, file, ftp, and mailto work in most user agents.
MDN
This enumerated attribute defines the pragma that can alter servers and user-agents behavior.
This enumerated attribute defines the pragma that can alter servers and user-agents behavior. The value of the pragma is defined using the content attribute and can be one of the following:
MDN
This attribute defines a unique identifier (ID) which must be unique in the whole document.
This 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).
MDN
The CSS justify-content property defines how a browser distributes available space between and around elements when aligning flex items in the main-axis of the current line.
This attribute 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.
This attribute 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. If the tag content is the empty string the language is set to unknown; if the tag content is not valid, regarding to BCP47, it is set to invalid.
MDN
The left CSS property specifies part of the position of positioned elements.
The left CSS property specifies part of the position of positioned elements.
For absolutely positioned elements (those with position: absolute or position: fixed), it specifies the distance between the left margin edge of the element and the left edge of its containing block.
MDN
The letter-spacing CSS property specifies spacing behavior between text characters.
The letter-spacing CSS property specifies spacing behavior between text characters.
MDN
On block level elements, the line-height CSS property specifies the minimal height of line boxes within the element.
On block level elements, the line-height CSS property specifies the minimal height of line boxes within the element.
On non-replaced inline elements, line-height specifies the height that is used in the calculation of the line box height.
On replaced inline elements, like buttons or other input element, line-height has no effect.
MDN
The list attribute refers to a <datalist> element that contains the options for an input element the presents a select list.
The list attribute refers to a <datalist> element that contains the options for an input element the presents a select list.
The list-style CSS property is a shorthand property for setting list-style-type, list-style-image and list-style-position.
The list-style CSS property is a shorthand property for setting list-style-type, list-style-image and list-style-position.
MDN
The list-style-image CSS property sets the image that will be used as the list item marker.
The list-style-position CSS property specifies the position of the marker box in the principal block box.
The list-style-type CSS property specifies appearance of a list item element.
For use in <meter> tags.
For use in <meter> tags.
https://css-tricks.com/html5-meter-element/
The margin CSS property sets the margin for all four sides.
The margin-bottom CSS property of an element sets the margin space required on the bottom of an element.
The margin-bottom CSS property of an element sets the margin space required on the bottom of an element. A negative value is also allowed.
MDN
The margin-left CSS property of an element sets the margin space required on the left side of a box associated with an element.
The margin-left CSS property of an element sets the margin space required on the left side of a box associated with an element. A negative value is also allowed.
The vertical margins of two adjacent boxes may fuse. This is called margin collapsing.
MDN
The margin-right CSS property of an element sets the margin space required on the bottom of an element.
The margin-right CSS property of an element sets the margin space required on the bottom of an element. A negative value is also allowed.
MDN
The margin-top CSS property of an element sets the margin space required on the top of an element.
The margin-top CSS property of an element sets the margin space required on the top of an element. A negative value is also allowed.
MDN
If the value is a URI value, the element pointed to by the URI is used as an SVG mask.
The max attribute specifies the maximum value for an element of type number, range, date, datetime, datetime-local, month, time, or week.
The max attribute specifies the maximum value for an element of type number, range, date, datetime, datetime-local, month, time, or week.
The max-height CSS property is used to set the maximum height of a given element.
The max-height CSS property is used to set the maximum height of a given element. It prevents the used value of the height property from becoming larger than the value specified for max-height.
max-height overrides height, but min-height overrides max-height.
MDN
The max-width CSS property is used to set the maximum width of a given element.
The max-width CSS property is used to set the maximum width of a given element. It prevents the used value of the width property from becoming larger than the value specified for max-width.
max-width overrides width, but min-width overrides max-width.
MDN
The maximum allowed length for the input field.
The maximum allowed length for the input field. This attribute forces the input control to accept no more than the allowed number of characters. It does not produce any feedback to the user; you must write Javascript to make that happen.
This attribute specifies the media which the linked resource applies to.
This attribute specifies the media which the linked resource applies to. Its value must be a media query. This attribute is mainly useful when linking to external stylesheets by allowing the user agent to pick the best adapted one for the device it runs on.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link#attr-media
The HTTP method that the browser uses to submit the form.
The HTTP method that the browser uses to submit the form. Possible values are:
- post: Corresponds to the HTTP POST method ; form data are included in the body of the form and sent to the server.
- get: Corresponds to the HTTP GET method; form data are appended to the action attribute URI with a '?' as a separator, and the resulting URI is sent to the server. Use this method when the form has no side-effects and contains only ASCII characters.
This value can be overridden by a formmethod attribute on a button or input element.
MDN
The min attribute specifies the minimum value for an element of type number, range, date, datetime, datetime-local, month, time, or week.
The min attribute specifies the minimum value for an element of type number, range, date, datetime, datetime-local, month, time, or week.
The min-height CSS property is used to set the minimum height of a given element.
The min-height CSS property is used to set the minimum height of a given element. It prevents the used value of the height property from becoming smaller than the value specified for min-height.
The value of min-height overrides both max-height and height.
MDN
The min-width CSS property is used to set the minimum width of a given element.
The min-width CSS property is used to set the minimum width of a given element. It prevents the used value of the width property from becoming smaller than the value specified for min-width.
The value of min-width overrides both max-width and width.
MDN
This Boolean attribute specifies, when present/true, that the user is allowed to enter more than one value for the element for types "email" or "file". It can also be provided to the
This Boolean attribute specifies, when present/true, that the user is allowed to enter more than one value for the element for types "email" or "file". It can also be provided to the
On form elements (input etc.
On form elements (input etc.): Name of the element. For example used by the server to identify the fields in form submits.
On the meta tag: This attribute defines the name of a document-level metadata. This document-level metadata name is associated with a value, contained by the content attribute.
MDN
Script to be run on abort
Script to be run on abort
Script to be run after the document is printed
Script to be run after the document is printed
Script to be run before the document is printed
Script to be run before the document is printed
Script to be run when the document is about to be unloaded
Script to be run when the document is about to be unloaded
The blur event is raised when an element loses focus.
The blur event is raised when an element loses focus.
MDN
Script to be run when a file is ready to start playing (when it has buffered enough to begin)
Script to be run when a file is ready to start playing (when it has buffered enough to begin)
Script to be run when a file can be played all the way to the end without pausing for buffering
Script to be run when a file can be played all the way to the end without pausing for buffering
The change event is fired for input, select, and textarea elements when a change to the element's value is committed by the user.
The change event is fired for input, select, and textarea elements when a change to the element's value is committed by the user.
MDN
The click event is raised when the user clicks on an element.
The click event is raised when the user clicks on an element. The click event will occur after the mousedown and mouseup events.
MDN
Script to be run when a context menu is triggered
Script to be run when a context menu is triggered
Fires when the user copies the content of an element
Fires when the user copies the content of an element
Script to be run when the cue changes in a <track> element
Script to be run when the cue changes in a <track> element
Fires when the user cuts the content of an element
Fires when the user cuts the content of an element
The dblclick event is fired when a pointing device button (usually a mouse button) is clicked twice on a single element.
The dblclick event is fired when a pointing device button (usually a mouse button) is clicked twice on a single element.
MDN
Script to be run when an element is dragged
Script to be run when an element is dragged
Script to be run at the end of a drag operation
Script to be run at the end of a drag operation
Script to be run when an element has been dragged to a valid drop target
Script to be run when an element has been dragged to a valid drop target
Script to be run when an element leaves a valid drop target
Script to be run when an element leaves a valid drop target
Script to be run when an element is being dragged over a valid drop target
Script to be run when an element is being dragged over a valid drop target
Script to be run at the start of a drag operation
Script to be run at the start of a drag operation
Script to be run when dragged element is being dropped
Script to be run when dragged element is being dropped
Script to be run when the length of the media changes
Script to be run when the length of the media changes
Script to be run when something bad happens and the file is suddenly unavailable (like unexpectedly disconnects)
Script to be run when something bad happens and the file is suddenly unavailable (like unexpectedly disconnects)
Script to be run when the media has reach the end (a useful event for messages like "thanks for listening")
Script to be run when the media has reach the end (a useful event for messages like "thanks for listening")
Script to be run when an error occurs when the file is being loaded
Script to be run when an error occurs when the file is being loaded
The focus event is raised when the user sets focus on the given element.
The focus event is raised when the user sets focus on the given element.
MDN
Script to be run when there has been changes to the anchor part of the a URL
Script to be run when there has been changes to the anchor part of the a URL
Script to be run when an element gets user input
Script to be run when an element gets user input
Script to be run when an element is invalid
Script to be run when an element is invalid
The keydown event is raised when the user presses a keyboard key.
The keydown event is raised when the user presses a keyboard key.
MDN
The keypress event should be raised when the user presses a key on the keyboard.
The keypress event should be raised when the user presses a key on the keyboard. However, not all browsers fire keypress events for certain keys.
Webkit-based browsers (Google Chrome and Safari, for example) do not fire keypress events on the arrow keys. Firefox does not fire keypress events on modifier keys like SHIFT.
MDN
The keyup event is raised when the user releases a key that's been pressed.
The keyup event is raised when the user releases a key that's been pressed.
MDN
The load event fires at the end of the document loading process.
The load event fires at the end of the document loading process. At this point, all of the objects in the document are in the DOM, and all the images and sub-frames have finished loading.
MDN
Script to be run when media data is loaded
Script to be run when media data is loaded
Script to be run when meta data (like dimensions and duration) are loaded
Script to be run when meta data (like dimensions and duration) are loaded
Script to be run just as the file begins to load before anything is actually loaded
Script to be run just as the file begins to load before anything is actually loaded
Script to be run when the message is triggered
Script to be run when the message is triggered
The mousedown event is raised when the user presses the mouse button.
The mousedown event is raised when the user presses the mouse button.
MDN
The mousemove event is raised when the user moves the mouse.
The mousemove event is raised when the user moves the mouse.
MDN
The mouseout event is raised when the mouse leaves an element (e.
The mouseout event is raised when the mouse leaves an element (e.g, when the mouse moves off of an image in the web page, the mouseout event is raised for that image element).
MDN
The mouseover event is raised when the user moves the mouse over a particular element.
The mouseover event is raised when the user moves the mouse over a particular element.
MDN
The mouseup event is raised when the user releases the mouse button.
The mouseup event is raised when the user releases the mouse button.
MDN
Script to be run when the browser starts to work offline
Script to be run when the browser starts to work offline
Script to be run when the browser starts to work online
Script to be run when the browser starts to work online
Script to be run when a user navigates away from a page
Script to be run when a user navigates away from a page
Script to be run when a user navigates to a page
Script to be run when a user navigates to a page
Fires when the user pastes some content in an element
Fires when the user pastes some content in an element
Script to be run when the media is paused either by the user or programmatically
Script to be run when the media is paused either by the user or programmatically
Script to be run when the media is ready to start playing
Script to be run when the media is ready to start playing
Script to be run when the media actually has started playing
Script to be run when the media actually has started playing
Script to be run when the window's history changes
Script to be run when the window's history changes
Script to be run when the browser is in the process of getting the media data
Script to be run when the browser is in the process of getting the media data
Script to be run each time the playback rate changes (like when a user switches to a slow motion or fast forward mode)
Script to be run each time the playback rate changes (like when a user switches to a slow motion or fast forward mode)
The reset event is fired when a form is reset.
The reset event is fired when a form is reset.
MDN
Fires when the browser window is resized
Fires when the browser window is resized
Specifies the function to be called when the window is scrolled.
Specifies the function to be called when the window is scrolled.
MDN
Fires when the user writes something in a search field (for <input="search">)
Fires when the user writes something in a search field (for <input="search">)
Script to be run when the seeking attribute is set to false indicating that seeking has ended
Script to be run when the seeking attribute is set to false indicating that seeking has ended
Script to be run when the seeking attribute is set to true indicating that seeking is active
Script to be run when the seeking attribute is set to true indicating that seeking is active
The select event only fires when text inside a text input or textarea is selected.
The select event only fires when text inside a text input or textarea is selected. The event is fired after the text has been selected.
MDN
Fires when a <menu> element is shown as a context menu
Fires when a <menu> element is shown as a context menu
Script to be run when the browser is unable to fetch the media data for whatever reason
Script to be run when the browser is unable to fetch the media data for whatever reason
Script to be run when a Web Storage area is updated
Script to be run when a Web Storage area is updated
The submit event is raised when the user clicks a submit button in a form (). MDN
The submit event is raised when the user clicks a submit button in a form (). MDN
Script to be run when fetching the media data is stopped before it is completely loaded for whatever reason
Script to be run when fetching the media data is stopped before it is completely loaded for whatever reason
Script to be run when the playing position has changed (like when the user fast forwards to a different point in the media)
Script to be run when the playing position has changed (like when the user fast forwards to a different point in the media)
Fires when the user opens or closes the <details> element
Fires when the user opens or closes the <details> element
Fires once a page has unloaded (or the browser window has been closed)
Fires once a page has unloaded (or the browser window has been closed)
Script to be run each time the volume is changed which (includes setting the volume to "mute")
Script to be run each time the volume is changed which (includes setting the volume to "mute")
Script to be run when the media has paused but is expected to resume (like when the media pauses to buffer more data)
Script to be run when the media has paused but is expected to resume (like when the media pauses to buffer more data)
Fires when the mouse wheel rolls up or down over an element
Fires when the mouse wheel rolls up or down over an element
The opacity CSS property specifies the transparency of an element, that is, the degree to which the background behind the element is overlaid.
The opacity CSS property specifies the transparency of an element, that is, the degree to which the background behind the element is overlaid.
The value applies to the element as a whole, including its contents, even though the value is not inherited by child elements. Thus, an element and its contained children all have the same opacity relative to the element's background, even if the element and its children have different opacities relative to one another.
Using this property with a value different than 1 places the element in a new stacking context.
MDN
For use in <meter> tags.
For use in <meter> tags.
https://css-tricks.com/html5-meter-element/
The CSS outline property is a shorthand property for setting one or more of the individual outline properties outline-style, outline-width and outline-color in a single rule.
The CSS outline property is a shorthand property for setting one or more of the individual outline properties outline-style, outline-width and outline-color in a single rule. In most cases the use of this shortcut is preferable and more convenient.
Outlines do not take up space, they are drawn above the content.
MDN
The outline-color CSS property sets the color of the outline of an element.
The outline-style CSS property is used to set the style of the outline of an element.
The outline-style CSS property is used to set the style of the outline of an element. An outline is a line that is drawn around elements, outside the border edge, to make the element stand out.
MDN
The outline-width CSS property is used to set the width of the outline of an element.
The overflow CSS property specifies whether to clip content, render scroll bars or display overflow content of a block-level element.
The overflow-x CSS property specifies whether to clip content, render a scroll bar or display overflow content of a block-level element, when it overflows at the left and right edges.
The overflow-x CSS property specifies whether to clip content, render a scroll bar or display overflow content of a block-level element, when it overflows at the left and right edges.
MDN
The overflow-y CSS property specifies whether to clip content, render a scroll bar, or display overflow content of a block-level element, when it overflows at the top and bottom edges.
The overflow-y CSS property specifies whether to clip content, render a scroll bar, or display overflow content of a block-level element, when it overflows at the top and bottom edges.
MDN
The padding CSS property sets the required padding space on all sides of an element.
The padding CSS property sets the required padding space on all sides of an element. The padding area is the space between the content of the element and its border. Negative values are not allowed.
The padding property is a shorthand to avoid setting each side separately (padding-top, padding-right, padding-bottom, padding-left).
MDN
The padding-bottom CSS property of an element sets the height of the padding area at the bottom of an element.
The padding-bottom CSS property of an element sets the height of the padding area at the bottom of an element. The padding area is the space between the content of the element and it's border. Contrary to margin-bottom values, negative values of padding-bottom are invalid.
MDN
The padding-left CSS property of an element sets the padding space required on the left side of an element.
The padding-left CSS property of an element sets the padding space required on the left side of an element. The padding area is the space between the content of the element and it's border. A negative value is not allowed.
MDN
The padding-right CSS property of an element sets the padding space required on the right side of an element.
The padding-right CSS property of an element sets the padding space required on the right side of an element. The padding area is the space between the content of the element and its border. Negative values are not allowed.
MDN
The padding-top CSS property of an element sets the padding space required on the top of an element.
The padding-top CSS property of an element sets the padding space required on the top of an element. The padding area is the space between the content of the element and its border. Contrary to margin-top values, negative values of padding-top are invalid.
MDN
Specifies a regular expression to validate the input.
Specifies a regular expression to validate the input. The pattern attribute
works with the following input types: text, search, url, tel, email, and
password. Use the title attribute to describe the pattern to the user.
A hint to the user of what can be entered in the control.
A hint to the user of what can be entered in the control. The placeholder text must not contain carriage returns or line-feeds. This attribute applies when the value of the type attribute is text, search, tel, url or email; otherwise it is ignored.
MDN
The CSS property pointer-events allows authors to control under what circumstances (if any) a particular graphic element can become the target of mouse events.
The position CSS property chooses alternative rules for positioning elements, designed to be useful for scripted animation effects.
This Boolean attribute indicates that the user cannot modify the value of the control.
This Boolean attribute indicates that the user cannot modify the value of the control. This attribute is ignored if the value of the type attribute is hidden, range, color, checkbox, radio, file, or a button type.
MDN
This attribute names a relationship of the linked document to the current document.
This attribute names a relationship of the linked document to the current document. The attribute must be a space-separated list of the link types values. The most common use of this attribute is to specify a link to an external style sheet: the rel attribute is set to stylesheet, and the href attribute is set to the URL of an external style sheet to format the page.
MDN
This attribute specifies that the user must fill in a value before submitting a form.
This attribute specifies that the user must fill in a value before submitting a form. It cannot be used when the type attribute is hidden, image, or a button type (submit, reset, or button). The :optional and :required CSS pseudo-classes will be applied to the field as appropriate.
MDN
The right CSS property specifies part of the position of positioned elements.
The right CSS property specifies part of the position of positioned elements.
For absolutely positioned elements (those with position: absolute or position: fixed), it specifies the distance between the right margin edge of the element and the right edge of its containing block.
The right property has no effect on non-positioned elements.
When both the right CSS property and the left CSS property are defined, the position of the element is overspecified. In that case, the left value has precedence when the container is left-to-right (that is that the right computed value is set to -left), and the right value has precedence when the container is right-to-left (that is that the left computed value is set to -right).
MDN
The attribute describes the role(s) the current element plays in the context of the document.
The attribute describes the role(s) the current element plays in the context of the document. This can be used, for example, by applications and assistive technologies to determine the purpose of an element. This could allow a user to make informed decisions on which actions may be taken on an element and activate the selected action in a device independent way. It could also be used as a mechanism for annotating portions of a document in a domain specific way (e.g., a legal term taxonomy). Although the role attribute may be used to add semantics to an element, authors should use elements with inherent semantics, such as p, rather than layering semantics on semantically neutral elements, such as div role="paragraph".
See: http://www.w3.org/TR/role-attribute/#s_role_module_attributes
The number of visible text lines for the control.
The number of visible text lines for the control.
MDN
This attribute contains a non-negative integer value that indicates for how many rows the cell extends.
This attribute contains a non-negative integer value that indicates for how many rows the cell extends. Its default value is 1; if its value is set to 0, it extends until the end of the table section (,
, , even if implicitly defined, that the cell belongs to. Values higher than 65534 are clipped down to 65534. MDNFor use in <style> tags.
For use in <style> tags.
If this attribute is present, then the style applies only to its parent element. If absent, the style applies to the whole document.
Indicates a selected option in an option list of a
Indicates a selected option in an option list of a
The initial size of the control.
The initial size of the control. This value is in pixels unless the value of the type attribute is text or password, in which case, it is an integer number of characters. Starting in HTML5, this attribute applies only when the type attribute is set to text, search, tel, url, email, or password; otherwise it is ignored. In addition, the size must be greater than zero. If you don't specify a size, a default value of 20 is used.
MDN
This enumerated attribute defines whether the element may be checked for spelling errors.
This enumerated attribute defines whether the element may be checked for spelling errors.
MDN
If the value of the type attribute is image, this attribute specifies a URI for the location of an image to display on the graphical submit button; otherwise it is ignored.
If the value of the type attribute is image, this attribute specifies a URI for the location of an image to display on the graphical submit button; otherwise it is ignored.
MDN
The step attribute specifies the numeric intervals for an element that should be considered legal for the input. For example, if step is 2 on a number typed then the legal numbers could be -2, 0, 2, 4, 6 etc. The step attribute should be used in conjunction with the min and max attributes to specify the full range and interval of the legal values. The step attribute is applicable to elements of the following types: number, range, date, datetime, datetime-local, month, time and week.
The step attribute specifies the numeric intervals for an element that should be considered legal for the input. For example, if step is 2 on a number typed then the legal numbers could be -2, 0, 2, 4, 6 etc. The step attribute should be used in conjunction with the min and max attributes to specify the full range and interval of the legal values. The step attribute is applicable to elements of the following types: number, range, date, datetime, datetime-local, month, time and week.
This attribute contains CSS styling declarations to be applied to the element.
This 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. This attribute and the style element have mainly the purpose of allowing for quick styling, for example for testing purposes.
MDN
This 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.
This 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:
- a negative value means that the element should be focusable, but should not be reachable via sequential keyboard navigation; - 0 means that the element should be focusable and reachable via sequential keyboard navigation, but its relative order is defined by the platform convention; - a positive value which means should be focusable and reachable via sequential keyboard navigation; its relative order is defined by the value of the attribute: the sequential follow the increasing number of the tabindex. If several elements share the same tabindex, their relative order follows their relative position in the document).
An element with a 0 value, an invalid value, or no tabindex value should be placed after elements with a positive tabindex in the sequential keyboard navigation order.
A name or keyword indicating where to display the response that is received after submitting the form.
A name or keyword indicating where to display the response that is received after submitting the form. In HTML 4, this is the name of, or a keyword for, a frame. In HTML5, it is a name of, or keyword for, a browsing context (for example, tab, window, or inline frame). The following keywords have special meanings:
- _self: Load the response into the same HTML 4 frame (or HTML5 browsing context) as the current one. This value is the default if the attribute is not specified. - _blank: Load the response into a new unnamed HTML 4 window or HTML5 browsing context. - _parent: Load the response into the HTML 4 frameset parent of the current frame or HTML5 parent browsing context of the current one. If there is no parent, this option behaves the same way as _self. - _top: HTML 4: Load the response into the full, original window, canceling all other frames. HTML5: Load the response into the top-level browsing context (that is, the browsing context that is an ancestor of the current one, and has no parent). If there is no parent, this option behaves the same way as _self. - iframename: The response is displayed in a named iframe.
The text-align CSS property describes how inline content like text is aligned in its parent block element.
The text-align CSS property describes how inline content like text is aligned in its parent block element. text-align does not control the alignment of block elements itself, only their inline content.
MDN
The text-align-last CSS property describes how the last line of a block or a line, right before a forced line break, is aligned.
The text-align-last CSS property describes how the last line of a block or a line, right before a forced line break, is aligned.
MDN
The text-decoration CSS property is used to set the text formatting to underline, overline, line-through or blink.
The text-indent CSS property specifies how much horizontal space should be left before the beginning of the first line of the text content of an element.
The text-indent CSS property specifies how much horizontal space should be left before the beginning of the first line of the text content of an element. Horizontal spacing is with respect to the left (or right, for right-to-left layout) edge of the containing block element's box.
MDN
The text-overflow CSS property determines how overflowed content that is not displayed is signaled to the users.
The text-shadow CSS property adds shadows to text.
The text-shadow CSS property adds shadows to text. It accepts a comma-separated list of shadows to be applied to the text and text-decorations of the element.
Each shadow is specified as an offset from the text, along with optional color and blur radius values.
Multiple shadows are applied front-to-back, with the first-specified shadow on top.
MDN
The text-transform CSS property specifies how to capitalize an element's text.
The CSS text-underline-position property specifies the position of the underline which is set using the text-decoration property underline value.
This attribute contains a text representing advisory information related to the element it belongs too.
This attribute contains a text representing advisory information related to the element it belongs too. Such information can typically, but not necessarily, be presented to the user as a tooltip.
MDN
The top CSS property specifies part of the position of positioned elements.
The top CSS property specifies part of the position of positioned elements. It has no effect on non-positioned elements.
For absolutely positioned elements (those with position: absolute or position: fixed), it specifies the distance between the top margin edge of the element and the top edge of its containing block.
For relatively positioned elements (those with position: relative), it specifies the amount the element is moved below its normal position.
When both top and bottom are specified, the element position is over-constrained and the top property has precedence: the computed value of bottom is set to -top, while its specified value is ignored.
MDN
Shorthand for the type attribute
Shorthand for the type attribute
The CSS transition property is a shorthand property for transition-property, transition-duration, transition-timing-function, and transition-delay.
The CSS transition property is a shorthand property for transition-property, transition-duration, transition-timing-function, and transition-delay. It allows to define the transition between two states of an element. Different states may be defined using pseudo-classes like :hover or :active or dynamically set using JavaScript.
MDN
The transition-delay CSS property specifies the amount of time to wait between a change being requested to a property that is to be transitioned and the start of the transition effect.
The transition-delay CSS property specifies the amount of time to wait between a change being requested to a property that is to be transitioned and the start of the transition effect.
A value of 0s, or 0ms, indicates that the property will begin to animate its transition immediately when the value changes; positive values will delay the start of the transition effect for the corresponding number of seconds. Negative values cause the transition to begin immediately, but to cause the transition to seem to begin partway through the animation effect.
You may specify multiple delays; each delay will be applied to the corresponding property as specified by the transition-property property, which acts as a master list. If there are fewer delays specified than in the master list, missing values are set to the initial value (0s). If there are more delays, the list is simply truncated to the right size. In both case the CSS declaration stays valid.
MDN
The transition-duration CSS property specifies the number of seconds or milliseconds a transition animation should take to complete.
The transition-duration CSS property specifies the number of seconds or milliseconds a transition animation should take to complete. By default, the value is 0s, meaning that no animation will occur.
You may specify multiple durations; each duration will be applied to the corresponding property as specified by the transition-property property, which acts as a master list. If there are fewer durations specified than in the master list, the user agent repeat the list of durations. If there are more durations, the list is simply truncated to the right size. In both case the CSS declaration stays valid.
MDN
The transition-property CSS property is used to specify the names of CSS properties to which a transition effect should be applied.
The transition-property CSS property is used to specify the names of CSS properties to which a transition effect should be applied.
MDN
The CSS transition-timing-function property is used to describe how the intermediate values of the CSS properties being affected by a transition effect are calculated.
The CSS transition-timing-function property is used to describe how the intermediate values of the CSS properties being affected by a transition effect are calculated. This in essence lets you establish an acceleration curve, so that the speed of the transition can vary over its duration.
MDN
Specifies whether the content of an element should be translated or not
Specifies whether the content of an element should be translated or not
This attribute is used to define the type of the content linked to.
This attribute is used to define the type of the content linked to. The value of the attribute should be a MIME type such as text/html, text/css, and so on. The common use of this attribute is to define the type of style sheet linked and the most common current value is text/css, which indicates a Cascading Style Sheet format. You can use tpe as an alias for this attribute so you don't have to backtick-escape this attribute.
MDN
IE-specific property to prevent user selection
IE-specific property to prevent user selection
The initial value of the control.
The initial value of the control. This attribute is optional except when the value of the type attribute is radio or checkbox.
MDN
The vertical-align CSS property specifies the vertical alignment of an inline or table-cell box.
The white-space CSS property is used to to describe how whitespace inside the element is handled.
The width CSS property specifies the width of the content area of an element.
The width CSS property specifies the width of the content area of an element. The content area is inside the padding, border, and margin of the element.
The min-width and max-width properties override width.
MDN
The width attribute specifies the width of an input element of
type "image".
The width attribute specifies the width of an input element of
type "image".
The word-spacing CSS property specifies spacing behavior between tags and words.
The word-spacing CSS property specifies spacing behavior between tags and words.
MDN
The z-index CSS property specifies the z-order of an element and its descendants.
The z-index CSS property specifies the z-order of an element and its descendants. When elements overlap, z-order determines which one covers the other. An element with a larger z-index generally covers an element with a lower one.
MDN