Bridge.Html5

The state of the XMLHttpRequest

open() has not been called yet.

send() has not been called yet.

send() has been called, and headers and status are available.

Downloading; responseText holds partial data.

The operation is complete.

XMLHttpRequest Level 2 adds support for the new FormData interface. FormData objects provide a way to easily construct a set of key/value pairs representing form fields and their values, which can then be easily sent using the XMLHttpRequest send() method. It uses the same format a form would use if the encoding type were set to "multipart/form-data".

HTML Form Element to send for keys/values. It will also encode file input content.

Appends a key/value pair to the FormData object.

The name of the field whose data is contained in value. The field's value. Can be a Blob, File, or a string, if neither, the value is converted to a string.

Appends a key/value pair to the FormData object.

The name of the field whose data is contained in value. The field's value. Can be a Blob, File, or a string, if neither, the value is converted to a string.

Appends a key/value pair to the FormData object.

The name of the field whose data is contained in value. The field's value. Can be a Blob, File, or a string, if neither, the value is converted to a string.

Appends a key/value pair to the FormData object.

The name of the field whose data is contained in value. The field's value. Can be a Blob, File, or a string, if neither, the value is converted to a string. The filename reported to the server, when a Blob or File is passed as second paramter. The default filename for Blob objects is "blob".

Appends a key/value pair to the FormData object.

XMLHttpRequest is a JavaScript object that was designed by Microsoft and adopted by Mozilla, Apple, and Google. It's now being standardized in the W3C. It provides an easy way to retrieve data from a URL without having to do a full page refresh. A Web page can update just a part of the page without disrupting what the user is doing. XMLHttpRequest is used heavily in AJAX programming. Despite its name, XMLHttpRequest can be used to retrieve any type of data, not just XML, and it supports protocols other than HTTP (including file and ftp).

A JavaScript function object that is called whenever the readyState attribute changes. The callback is called from the user interface thread.

The response entity body according to responseType, as an ArrayBuffer, Blob, Document, JavaScript object (for "json"), or string. This is null if the request is not complete or was not successful.

The response to the request as text, or null if the request was unsuccessful or has not yet been sent.

The status of the response to the request. This is the HTTP result code (for example, status is 200 for a successful request).

The response string returned by the HTTP server. Unlike status, this includes the entire text of the response message ("200 OK", for example).

The number of milliseconds a request can take before automatically being terminated. A value of 0 (which is the default) means there is no timeout.

Indicates whether or not cross-site Access-Control requests should be made using credentials such as cookies or authorization headers. The default is false.

Aborts the request if it has already been sent.

Returns all the response headers as a string, or null if no response has been received. Note: For multipart requests, this returns the headers from the current part of the request, not from the original channel.

Returns the string containing the text of the specified header, or null if either the response has not yet been received or the header doesn't exist in the response.

Initializes a request. This method is to be used from JavaScript code; to initialize a request from native code, use openRequest()instead.

The HTTP method to use, such as "GET", "POST", "PUT", "DELETE", etc. Ignored for non-HTTP(S) URLs. The URL to send the request to.

Initializes a request. This method is to be used from JavaScript code; to initialize a request from native code, use openRequest()instead.

The HTTP method to use, such as "GET", "POST", "PUT", "DELETE", etc. Ignored for non-HTTP(S) URLs. The URL to send the request to. An optional boolean parameter, defaulting to true, indicating whether or not to perform the operation asynchronously. If this value is false, the send()method does not return until the response is received. If true, notification of a completed transaction is provided using event listeners. This must be true if the multipart attribute is true, or an exception will be thrown.

Initializes a request. This method is to be used from JavaScript code; to initialize a request from native code, use openRequest()instead.

Overrides the MIME type returned by the server. This may be used, for example, to force a stream to be treated and parsed as text/xml, even if the server does not report it as such. This method must be called before send().

Sends the request. If the request is asynchronous (which is the default), this method returns as soon as the request is sent. If the request is synchronous, this method doesn't return until the response has arrived.

Sets the value of an HTTP request header. You must call setRequestHeader() after open(), but before send(). If this method is called several times with the same header, the values are merged into one single request header.

The name of the header whose value is to be set. The value to set as the body of the header.

The state of the request

The upload process can be tracked by adding an event listener to upload.

Is an enumerated value that defines the response type. For possible values refer to enum Bridge.Html5.XMLHttpRequestResponseType.

The response to the request as a DOM Document object, or null if the request was unsuccessful, has not yet been sent, or cannot be parsed as XML or HTML. The response is parsed as if it were a text/xml stream. When the responseType is set to "document" and the request has been made asynchronously, the response is parsed as a text/html stream.

XMLHttpRequestEventTarget is the interface that describes the event handlers you can implement in an object that will handle events for an XMLHttpRequest.

The function to call when a request is aborted.

The function to call when a request encounters an error.

The function to call when an HTTP request returns after successfully loading content.

A function that gets called when the HTTP request first begins loading data.

A function that is called periodically with information about the progress of the request.

A function that is called if the event times out; this only happens if a timeout has been previously established by setting the value of the XMLHttpRequest object's timeout attribute.

A function that is called when the load is completed, even if the request failed.

False to hide location bar

The CaretPosition interface represents the caret postion, an indicator for the text insertion point. You can get a CaretPosition using the document.caretPositionFromPoint method.

Returns a Node containing the found node at the caret's position.

Returns a long representing the character offset in the caret position node.

Y-coordinate, relative to the viewport origin, of the bottom of the rectangle box. Read only.

X-coordinate, relative to the viewport origin, of the left of the rectangle box. Read only.

X-coordinate, relative to the viewport origin, of the right of the rectangle box. Read only.

Y-coordinate, relative to the viewport origin, of the top of the rectangle box. Read only.

Width of the rectangle box (This is identical to right minus left). Read only.

Height of the rectangle box (This is identical to bottom minus top). Read only.

collection of rectangles that indicate the bounding rectangles for each box in a client.

Returns an item in the list by its index, or null if out-of-bounds.

Returns an item in the list by its index, or null if out-of-bounds. Equivalent to nodeList[idx].

The number of items in the ClientRectList.

mode is the string "BackCompat" for Quirks mode or "CSS1Compat" for Strict mode.

JavaScript Date instances inherit from Date.prototype. You can modify the constructor's prototype object to affect properties and methods inherited by JavaScript Date instances.

The Date.now() method returns the number of milliseconds elapsed since 1 January 1970 00:00:00 UTC.

Because now() is a static method of Date, you always use it as Date.now(). A Number representing the milliseconds elapsed since the UNIX epoch.

The Date.UTC() method accepts the same parameters as the longest form of the constructor, and returns the number of milliseconds in a Date object since January 1, 1970, 00:00:00, universal time.

UTC() takes comma-delimited date parameters and returns the number of milliseconds between January 1, 1970, 00:00:00, universal time and the time you specified. You should specify a full year for the year; for example, 1998. If a year between 0 and 99 is specified, the method converts the year to a year in the 20th century(1900 + year); for example, if you specify 95, the year 1995 is used. A year after 1900. An integer between 0 and 11 representing the month. An integer between 1 and 31 representing the day of the month. A number representing the number of milliseconds in the given Date object since January 1, 1970, 00:00:00, universal time.

The Date.UTC() method accepts the same parameters as the longest form of the constructor, and returns the number of milliseconds in a Date object since January 1, 1970, 00:00:00, universal time.

UTC() takes comma-delimited date parameters and returns the number of milliseconds between January 1, 1970, 00:00:00, universal time and the time you specified. You should specify a full year for the year; for example, 1998. If a year between 0 and 99 is specified, the method converts the year to a year in the 20th century(1900 + year); for example, if you specify 95, the year 1995 is used. A year after 1900. An integer between 0 and 11 representing the month. An integer between 1 and 31 representing the day of the month. An integer between 0 and 23 representing the hours. A number representing the number of milliseconds in the given Date object since January 1, 1970, 00:00:00, universal time.

The Date.UTC() method accepts the same parameters as the longest form of the constructor, and returns the number of milliseconds in a Date object since January 1, 1970, 00:00:00, universal time.

UTC() takes comma-delimited date parameters and returns the number of milliseconds between January 1, 1970, 00:00:00, universal time and the time you specified. You should specify a full year for the year; for example, 1998. If a year between 0 and 99 is specified, the method converts the year to a year in the 20th century(1900 + year); for example, if you specify 95, the year 1995 is used. A year after 1900. An integer between 0 and 11 representing the month. An integer between 1 and 31 representing the day of the month. An integer between 0 and 23 representing the hours. An integer between 0 and 59 representing the minutes. A number representing the number of milliseconds in the given Date object since January 1, 1970, 00:00:00, universal time.

The Date.UTC() method accepts the same parameters as the longest form of the constructor, and returns the number of milliseconds in a Date object since January 1, 1970, 00:00:00, universal time.

UTC() takes comma-delimited date parameters and returns the number of milliseconds between January 1, 1970, 00:00:00, universal time and the time you specified. You should specify a full year for the year; for example, 1998. If a year between 0 and 99 is specified, the method converts the year to a year in the 20th century(1900 + year); for example, if you specify 95, the year 1995 is used. A year after 1900. An integer between 0 and 11 representing the month. An integer between 1 and 31 representing the day of the month. An integer between 0 and 23 representing the hours. An integer between 0 and 59 representing the minutes. An integer between 0 and 59 representing the seconds. A number representing the number of milliseconds in the given Date object since January 1, 1970, 00:00:00, universal time.

The Date.UTC() method accepts the same parameters as the longest form of the constructor, and returns the number of milliseconds in a Date object since January 1, 1970, 00:00:00, universal time.

UTC() takes comma-delimited date parameters and returns the number of milliseconds between January 1, 1970, 00:00:00, universal time and the time you specified. You should specify a full year for the year; for example, 1998. If a year between 0 and 99 is specified, the method converts the year to a year in the 20th century(1900 + year); for example, if you specify 95, the year 1995 is used. A year after 1900. An integer between 0 and 11 representing the month. An integer between 1 and 31 representing the day of the month. An integer between 0 and 23 representing the hours. An integer between 0 and 59 representing the minutes. An integer between 0 and 59 representing the seconds. An integer between 0 and 999 representing the milliseconds. A number representing the number of milliseconds in the given Date object since January 1, 1970, 00:00:00, universal time.

The Date.parse() method parses a string representation of a date, and returns the number of milliseconds since January 1, 1970, 00:00:00 UTC or NaN if the string is unrecognised or, in some cases, contains illegal date values (e.g. 2015-02-31).

A string representing an RFC2822 or ISO 8601 date (other formats may be used, but results may be unexpected). A number representing the milliseconds elapsed since January 1, 1970, 00:00:00 UTC and the date obtained by parsing the given string representation of a date. If the argument doesn't represent a valid date, NaN is returned.

Creates a JavaScript Date instance that represents a single moment in time. Date objects are based on a time value that is the number of milliseconds since 1 January, 1970 UTC.

Double value representing the number of milliseconds since 1 January 1970 00:00:00 UTC (Unix Epoch).

The numberof milliseconds since 1 January 1970 00:00:00 UTC (Unix Epoch)

String value representing a date. The string should be in a format recognized by the Date.parse() method (IETF-compliant RFC 2822 timestamps and also a version of ISO8601).

Creates a JavaScript Date instance that represents a single moment in time. Date objects are based on a time value that is the number of milliseconds since 1 January, 1970 UTC.

Integer value representing the year. Values from 0 to 99 map to the years 1900 to 1999. Integer value representing the month, beginning with 0 for January to 11 for December. Integer value representing the day of the month. Integer value representing the hour of the day. Integer value representing the minute segment of a time. Integer value representing the second segment of a time. Integer value representing the millisecond segment of a time.

Creates a JavaScript Date instance that represents a single moment in time. Date objects are based on a time value that is the number of milliseconds since 1 January, 1970 UTC.

Integer value representing the year. Values from 0 to 99 map to the years 1900 to 1999. Integer value representing the month, beginning with 0 for January to 11 for December.

The toDateString() method returns the date portion of a Date object in human readable form in American English.

A string representing the date portion of the given Date object in human readable form in American English.

The toTimeString() method returns the time portion of a Date object in human readable form in American English.

A string representing the time portion of the given date in human readable form in American English.

The toLocaleDateString() method returns a string with a language sensitive representation of the date portion of this date. The new locales and options arguments let applications specify the language whose formatting conventions should be used and allow to customize the behavior of the function. In older implementations, which ignore the locales and options arguments, the locale used and the form of the string returned are entirely implementation dependent.

A string representing the date portion of the given Date instance according to language-specific conventions.

A string with a BCP 47 language tag, or an array of such strings. A string representing the date portion of the given Date instance according to language-specific conventions.

A string with a BCP 47 language tag, or an array of such strings. An object with some or all of the following properties: A string representing the date portion of the given Date instance according to language-specific conventions.

The toLocaleTimeString() method returns a string with a language sensitive representation of the time portion of this date. The new locales and options arguments let applications specify the language whose formatting conventions should be used and customize the behavior of the function. In older implementations, which ignore the locales and options arguments, the locale used and the form of the string returned are entirely implementation dependent.

A string representing the time portion of the given Date instance according to language-specific conventions.

A string with a BCP 47 language tag, or an array of such strings. A string representing the time portion of the given Date instance according to language-specific conventions.

A string with a BCP 47 language tag, or an array of such strings. An object with some or all of the following properties: A string representing the time portion of the given Date instance according to language-specific conventions.

An object with some or all of the following properties:

The default value for each date-time component property is undefined, but if the weekday, year, month, day properties are all undefined, then year, month, and day are assumed to be "numeric".

The locale matching algorithm to use. Possible values are "lookup" and "best fit"; the default is "best fit". For information about this option, see the Intl page.

The time zone to use. The only value implementations must recognize is "UTC"; the default is the runtime's default time zone. Implementations may also recognize the time zone names of the IANA time zone database, such as "Asia/Shanghai", "Asia/Kolkata", "America/New_York".

Whether to use 12-hour time (as opposed to 24-hour time). Possible values are true and false; the default is locale dependent.

The format matching algorithm to use. Possible values are "basic" and "best fit"; the default is "best fit". See the following paragraphs for information about the use of this property.

The representation of the weekday. Possible values are "narrow", "short", "long".

The representation of the era. Possible values are "narrow", "short", "long".

The representation of the year. Possible values are "numeric", "2-digit".

The representation of the month. Possible values are "numeric", "2-digit", "narrow", "short", "long".

The representation of the day. Possible values are "numeric", "2-digit".

The representation of the hour. Possible values are "numeric", "2-digit".

The representation of the minute. Possible values are "numeric", "2-digit".

The representation of the second. Possible values are "numeric", "2-digit".

The representation of the time zone name. Possible values are "short", "long".

The valueOf() method returns the primitive value of a Date object.

The valueOf() method returns the primitive value of a Date object as a number data type, the number of milliseconds since midnight 01 January, 1970 UTC. The number of milliseconds between 1 January 1970 00:00:00 UTC and the given date.

The toISOString() method returns a string in simplified extended ISO format (ISO 8601), which is always 24 or 27 characters long (YYYY-MM-DDTHH:mm:ss.sssZ or ±YYYYYY-MM-DDTHH:mm:ss.sssZ, respectively). The timezone is always zero UTC offset, as denoted by the suffix "Z".

A string representing the given date in the ISO 8601 format according to universal time.

The toUTCString() method converts a date to a string, using the UTC time zone.

A string representing the given date using the UTC time zone.

The getTime() method returns the numeric value corresponding to the time for the specified date according to universal time. You can use this method to help assign a date and time to another Date object. This method is functionally equivalent to the valueOf() method.

A number representing the milliseconds elapsed between 1 January 1970 00:00:00 UTC and the given date.

The setTime() method sets the Date object to the time represented by a number of milliseconds since January 1, 1970, 00:00:00 UTC.

The number of milliseconds between 1 January 1970 00:00:00 UTC and the updated date (effectively, the value of the argument).

The getTimezoneOffset() method returns the time zone difference, in minutes, from current locale (host system settings) to UTC.

A number representing the time-zone offset from UTC, in minutes, for the date based on current host system settings.

The getFullYear() method returns the year of the specified date according to local time. Use this method instead of the getYear() method.

A number corresponding to the year of the given date, according to local time.

The getUTCFullYear() method returns the year in the specified date according to universal time.

A number representing the year in the given date according to universal time.

The getMonth() method returns the month in the specified date according to local time, as a zero-based value (where zero indicates the first month of the year).

An integer number, between 0 and 11, representing the month in the given date according to local time. 0 corresponds to January, 1 to February, and so on.

The getUTCMonth() returns the month of the specified date according to universal time, as a zero-based value (where zero indicates the first month of the year).

An integer number, between 0 and 11, corresponding to the month of the given date according to universal time. 0 for January, 1 for February, 2 for March, and so on.

The getDate() method returns the day of the month for the specified date according to local time.

An integer number, between 1 and 31, representing the day of the month for the given date according to local time.

The getUTCDate() method returns the day (date) of the month in the specified date according to universal time.

An integer number, between 1 and 31, representing the day of the month in the given date according to universal time.

The getDay() method returns the day of the week for the specified date according to local time, where 0 represents Sunday.

An integer number corresponding to the day of the week for the given date, according to local time: 0 for Sunday, 1 for Monday, 2 for Tuesday, and so on.

The getUTCDay() method returns the day of the week in the specified date according to universal time, where 0 represents Sunday.

An integer number corresponding to the day of the week for the given date, according to universal time: 0 for Sunday, 1 for Monday, 2 for Tuesday, and so on.

The getHours() method returns the hour for the specified date, according to local time.

An integer number, between 0 and 23, representing the hour for the given date according to local time.

The getUTCHours() method returns the hours in the specified date according to universal time.

An integer number, between 0 and 23, representing the hours in the given date according to universal time.

The getMinutes() method returns the minutes in the specified date according to local time.

An integer number, between 0 and 59, representing the minutes in the given date according to local time.

The getUTCMinutes() method returns the minutes in the specified date according to universal time.

An integer number, between 0 and 59, representing the minutes in the given date according to universal time.

The getSeconds() method returns the seconds in the specified date according to local time.

An integer number, between 0 and 59, representing the seconds in the given date according to local time.

The getUTCSeconds() method returns the seconds in the specified date according to universal time.

An integer number, between 0 and 59, representing the seconds in the given date according to universal time.

The getMilliseconds() method returns the milliseconds in the specified date according to local time.

A number, between 0 and 999, representing the milliseconds for the given date according to local time.

The getUTCMilliseconds() method returns the milliseconds in the specified date according to universal time.

An integer number, between 0 and 999, representing the milliseconds in the given date according to universal time.

The setMilliseconds() method sets the milliseconds for a specified date according to local time.

A number between 0 and 999, representing the milliseconds. The number of milliseconds between 1 January 1970 00:00:00 UTC and the updated date.

The setUTCMilliseconds() method sets the milliseconds for a specified date according to universal time.

A number between 0 and 999, representing the milliseconds. The number of milliseconds between 1 January 1970 00:00:00 UTC and the updated date.

The setSeconds() method sets the seconds for a specified date according to local time.

An integer between 0 and 59, representing the seconds. The number of milliseconds between 1 January 1970 00:00:00 UTC and the updated date.

The setSeconds() method sets the seconds for a specified date according to local time.

An integer between 0 and 59, representing the seconds. A number between 0 and 999, representing the milliseconds. The number of milliseconds between 1 January 1970 00:00:00 UTC and the updated date.

The setUTCSeconds() method sets the seconds for a specified date according to universal time.

An integer between 0 and 59, representing the seconds. The number of milliseconds between 1 January 1970 00:00:00 UTC and the updated date.

The setUTCSeconds() method sets the seconds for a specified date according to universal time.

An integer between 0 and 59, representing the seconds. A number between 0 and 999, representing the milliseconds. The number of milliseconds between 1 January 1970 00:00:00 UTC and the updated date.

The setMinutes() method sets the minutes for a specified date according to local time.

An integer between 0 and 59, representing the minutes. The number of milliseconds between 1 January 1970 00:00:00 UTC and the updated date.

The setMinutes() method sets the minutes for a specified date according to local time.

An integer between 0 and 59, representing the minutes. An integer between 0 and 59, representing the seconds. If you specify the secondsValue parameter, you must also specify the minutesValue. A number between 0 and 999, representing the milliseconds. If you specify the msValue parameter, you must also specify the minutesValue and secondsValue. The number of milliseconds between 1 January 1970 00:00:00 UTC and the updated date.

The setUTCMinutes() method sets the minutes for a specified date according to universal time.

An integer between 0 and 59, representing the minutes. The number of milliseconds between 1 January 1970 00:00:00 UTC and the updated date.

The setUTCMinutes() method sets the minutes for a specified date according to universal time.

The setHours() method sets the hours for a specified date according to local time, and returns the number of milliseconds since 1 January 1970 00:00:00 UTC until the time represented by the updated Date instance.

An integer between 0 and 23, representing the hour. The number of milliseconds between 1 January 1970 00:00:00 UTC and the updated date.

An integer between 0 and 23, representing the hour. An integer between 0 and 59, representing the minutes. The number of milliseconds between 1 January 1970 00:00:00 UTC and the updated date.

An integer between 0 and 23, representing the hour. An integer between 0 and 59, representing the minutes. An integer between 0 and 59, representing the seconds. If you specify the secondsValue parameter, you must also specify the minutesValue. The number of milliseconds between 1 January 1970 00:00:00 UTC and the updated date.

An integer between 0 and 23, representing the hour. An integer between 0 and 59, representing the minutes. An integer between 0 and 59, representing the seconds. If you specify the secondsValue parameter, you must also specify the minutesValue. A number between 0 and 999, representing the milliseconds. If you specify the msValue parameter, you must also specify the minutesValue and secondsValue. The number of milliseconds between 1 January 1970 00:00:00 UTC and the updated date.

The setUTCHours() method sets the hour for a specified date according to universal time, and returns the number of milliseconds since 1 January 1970 00:00:00 UTC until the time represented by the updated Date instance.

An integer between 0 and 23, representing the hour. The number of milliseconds between 1 January 1970 00:00:00 UTC and the updated date.

An integer between 0 and 23, representing the hour. An integer between 0 and 59, representing the minutes. The number of milliseconds between 1 January 1970 00:00:00 UTC and the updated date.

An integer between 0 and 23, representing the hour. An integer between 0 and 59, representing the minutes. An integer between 0 and 59, representing the seconds. If you specify the secondsValue parameter, you must also specify the minutesValue. The number of milliseconds between 1 January 1970 00:00:00 UTC and the updated date.

An integer between 0 and 23, representing the hour. An integer between 0 and 59, representing the minutes. An integer between 0 and 59, representing the seconds. If you specify the secondsValue parameter, you must also specify the minutesValue. A number between 0 and 999, representing the milliseconds. If you specify the msValue parameter, you must also specify the minutesValue and secondsValue. The number of milliseconds between 1 January 1970 00:00:00 UTC and the updated date.

The setDate() method sets the day of the Date object relative to the beginning of the currently set month.

An integer representing the day of the month. The number of milliseconds between 1 January 1970 00:00:00 UTC and the given date (the Date object is also changed in place).

The setUTCDate() method sets the day of the month for a specified date according to universal time.

An integer representing the day of the month. The number of milliseconds between 1 January 1970 00:00:00 UTC and the updated date.

The setMonth() method sets the month for a specified date according to the currently set year.

An integer between 0 and 11, representing the months January through December. The number of milliseconds between 1 January 1970 00:00:00 UTC and the updated date.

The setMonth() method sets the month for a specified date according to the currently set year.

An integer between 0 and 11, representing the months January through December. An integer from 1 to 31, representing the day of the month. The number of milliseconds between 1 January 1970 00:00:00 UTC and the updated date.

The setUTCMonth() method sets the month for a specified date according to universal time.

An integer between 0 and 11, representing the months January through December. The number of milliseconds between 1 January 1970 00:00:00 UTC and the updated date.

The setUTCMonth() method sets the month for a specified date according to universal time.

The setFullYear() method sets the full year for a specified date according to local time. Returns new timestamp.

An integer specifying the numeric value of the year, for example, 1995. The number of milliseconds between 1 January 1970 00:00:00 UTC and the updated date.

The setFullYear() method sets the full year for a specified date according to local time. Returns new timestamp.

An integer specifying the numeric value of the year, for example, 1995. An integer between 0 and 11 representing the months January through December. The number of milliseconds between 1 January 1970 00:00:00 UTC and the updated date.

The setFullYear() method sets the full year for a specified date according to local time. Returns new timestamp.

An integer specifying the numeric value of the year, for example, 1995. An integer between 0 and 11 representing the months January through December. An integer between 1 and 31 representing the day of the month. If you specify the dayValue parameter, you must also specify the monthValue. The number of milliseconds between 1 January 1970 00:00:00 UTC and the updated date.

The setUTCFullYear() method sets the full year for a specified date according to universal time.

An integer specifying the numeric value of the year, for example, 1995. The number of milliseconds between 1 January 1970 00:00:00 UTC and the updated date.

The setUTCFullYear() method sets the full year for a specified date according to universal time.

DOMParser can parse XML or HTML source stored in a string into a DOM Document.

Constructs a new DOMParser object.

Builds an XMLDocument object from the specified string.

String that specifies the contents of the XML file to parse. String that specifies the content type of the string to parse. Can be one of the following values . If type does not match a value in the , an exception is thrown. Document object contained the parsed content if successful. If not successful, returns a Document describing the error.

Supported MIME types

text/html

text/xml

application/xml

application/xhtml+xml

image/svg+xml

The kind of drag data item such as a string or a file.

The drag data item's type, typically a MIME type.

Returns the File object associated with the drag data item (or null if the drag item is not a file).

Invokes the specified callback with the drag data item string as its argument.

Adds an File to the drag item list and returns a DataTransferItem for the new item.

Adds a string of a specific type to the drag item list and returns a DataTransferItem for the new item.

A string representing the drag item's data. A string of the drag item's type. Some example types are text/html and text/plain.

Removes the drag item from the list at the given index.

index of the item in the drag data list to remove.

Removes all of the drag items from the list.

Number of drag items in the list.

Type of drag-and-drop.

Types of operations that are possible.

List of all of the drag data.

Contains a list of all the local files available on the data transfer.

formats that were set in the dragstart event.

Remove the data associated with a given type. The type argument is optional. If the type is empty or not specified, the data associated with all types is removed. If data for the specified type does not exist, or the data transfer contains no data, this method will have no effect.

A string representing the type of data to remove. (Optional)

Retrieves the data for a given type, or an empty string if data for that type does not exist or the data transfer contains no data.

Type of data to retrieve. Example data types are text/plain and text/uri-list. rag data for the specified format.

Set the data for a given type. If data for the type does not exist, it is added at the end, such that the last item in the types list will be the new format. If data for the type already exists, the existing data is replaced in the same position.

Type of the drag data to add to the drag object. Example data types are text/plain and text/uri-list. Data to add to the drag object.

Set the image to be used for dragging if a custom one is desired.

An image Element element to use for the drag feedback image. A long indicating the horizontal offset within the image. A long indicating the vertical offset within the image.

The Element interface represents an object of a Document. This interface describes methods and properties common to all kinds of elements. Specific behaviors are described in interfaces which inherit from Element but add additional functionality. For example, the HTMLElement interface is the base interface for HTML elements, while the SVGElement interface is the basis for all SVG elements. Languages outside the realm of the Web platform, like XUL through the XULElement interface, also implement it.

Collection of all attribute nodes registered to the specified node.

The number of child nodes that are elements.

All child elements of an element as a collection.

Token list of class attribute

gets and sets the value of the class attribute of the specified element.

The Element.clientHeight read-only property returns the inner height of an element in pixels, including padding but not the horizontal scrollbar height, border, or margin.

The width of the left border of an element in pixels. It includes the width of the vertical scrollbar if the text direction of the element is right–to–left and if there is an overflow causing a left vertical scrollbar to be rendered. clientLeft does not include the left margin or the left padding. clientLeft is read-only.

The width of the top border of an element in pixels. It does not include the top margin or padding. clientTop is read-only.

The Element.clientWidth property is the inner width of an element in pixels. It includes padding but not the vertical scrollbar (if present, if rendered), border or margin.

The ParentNode.firstElementChild read-only property returns the object's first child Element, or null if there are no child elements.

The hidden global attribute is a Boolean attribute indicating that the element is not yet, or is no longer, relevant.

Gets or sets the element's identifier (attribute id).

The innerHTML sets or gets the HTML syntax describing the element's descendants.

The ParentNode.lastElementChild read-only method returns the object's last child Element or null if there are no child elements.

Returns the Element immediately prior to this ChildNode in its parent's children list, or null if there is no Element in the list prior to this ChildNode.

Returns the Element immediately following this ChildNode in its parent's children list, or null if there is no Element in the list following this ChildNode.

The outerHTML attribute of the element DOM interface gets the serialized HTML fragment describing the element including its descendants. It can be set to replace the element with nodes parsed from the given string.

The Element.scrollHeight read-only attribute is a measurement of the height of an element's content including content not visible on the screen due to overflow. The scrollHeight value is equal to the minimum clientHeight the element would require in order to fit all the content in the viewpoint without using a vertical scrollbar. It includes the element padding but not its margin.

The Element.scrollLeft property gets or sets the number of pixels that an element's content is scrolled to the left.

The Element.scrollTop property gets or sets the number of pixels that the content of an element is scrolled upward. An element's scrollTop is a measurement of the distance of an element's top to its topmost visible content. When an element content does not generate a vertical scrollbar, then its scrollTop value defaults to 0.

The Element.scrollWidth read–only property returns either the width in pixels of the content of an element or the width of the element itself, whichever is greater. If the element is wider than its content area (for example, if there are scroll bars for scrolling through the content), the scrollWidth is larger than the clientWidth.

Returns the name of the element.

Returns the event handling code for the wheel event.

Returns the value of a specified attribute on the element. If the given attribute does not exist, the value returned will either be null or "" (the empty string)

name of the attribute whose value you want to get. string containing the value of attributeName.

returns the string value of the attribute with the specified namespace and name. If the named attribute does not exist, the value returned will either be null or "" (the empty string);

The namespace in which to look for the specified attribute. The string value of the specified attribute. If the attribute doesn't exist, the result is null.

The Element.getBoundingClientRect() method returns a text rectangle object that encloses a group of text rectangles.

The Element.getClientRects() method returns a collection of rectangles that indicate the bounding rectangles for each box in a client.

Returns an array-like object of all child elements which have all of the given class names.

Retrieve a set of all descendant elements, of a particular tag name, from the current element.

Retrieve a set of all descendant elements, of a particular tag name and namespace, from the current element.

namespace URI of elements to look for local name of elements to look for or the special value "*", which matches all elements

Check if the element has the specified attribute, or not.

string representing the name of the attribute. holds the return value true or false.

Check if the element has the specified attribute, in the specified namespace, or not.

string specifying the namespace of the attribute. name of the attribute.

Returns the first element that is a descendant of the element on which it is invoked that matches the specified group of selectors.

selectors is a group of selectors to match on.

Returns a non-live NodeList of all elements descended from the element on which it is invoked that match the specified group of CSS selectors.

selectors is a group of selectors to match on.

The ChildNode.remove method removes the object from the tree it belongs to.

Removes an attribute from the specified element.

String that names the attribute to be removed from element.

Remove the attribute with the specified name and namespace, from the current node.

String that contains the namespace of the attribute. String that names the attribute to be removed from the current node.

Scrolls the page until the element gets into the view.

If true, the scrolled element is aligned with the top of the scroll area. If false, it is aligned with the bottom.

Adds a new attribute or changes the value of an existing attribute on the specified element.

the name of the attribute as a string. the desired new value of the attribute.

Adds a new attribute or changes the value of an attribute with the given namespace and name.

String specifying the namespace of the attribute. string identifying the attribute to be set. the desired string value of the new attribute.

Call this method during the handling of a mousedown event to retarget all mouse events to this element until the mouse button is released or document.releaseCapture() is called.

If true, all events are targeted directly to this element; if false, events can also fire at descendants of this element.

Parses the specified text as HTML or XML and inserts the resulting nodes into the DOM tree at a specified position. It does not reparse the element it is being used on and thus it does not corrupt the existing elements inside the element. This, and avoiding the extra step of serialization make it much faster than direct innerHTML manipulation.

The position relative to the element String to be parsed as HTML or XML and inserted into the tree.

The template element is used to declare fragments of HTML that can be cloned and inserted in the document by script.

The content IDL attribute must return the template element's template contents.

The data that is transferred during a drag and drop interaction.

A generic version of the DragEvent class. The type parameter is a type of CurrentTarget.

The CurrentTarget type.

Identifies the current target for the event, as the event traverses the DOM. It always refers to the element the event handler has been attached to as opposed to event.target which identifies the element on which the event occurred. On Internet Explorer 6 through 8, the event model is different. Event listeners are attached with the non-standard element.attachEvent method. In this model, there is no equivalent to event.currentTarget and this is the global object.

This property of event objects is the object the event was dispatched on. It is different than event.currentTarget when the event handler is called in bubbling or capturing phase of the event. On IE6-8, the event model is different. Event listeners are attached with the non-standard element.attachEvent method. In this model, the event object is not passed as an argument to the event handler function but is the window.event object. This object has an srcElement property which has the same semantics than event.target.

A MessageEvent interface represents a message received by a target, being a WebSocket or a WebRTC RTCDataChannel.

Creates a new MessageEvent

Is a DOMString representing the name of the event.

Creates a new MessageEvent

Is a DOMString representing the name of the event. Is a DOMString representing the name of the event

Returns a DOMString, Blob or an ArrayBuffer containing the data send by the emitter.

A DOMString, Blob or an ArrayBuffer containing the data send by the emitter.

A CloseEvent is sent to clients using WebSockets when the connection is closed.

Creates a new CloseEvent

Is a DOMString representing the name of the event.

Creates a new CloseEvent

Is a DOMString representing the name of the event. Is a CloseEventInit dictionary

Close code sent by the server.

Reason the server closed the connection. This is specific to the particular server and sub-protocol.

Indicates whether or not the connection was cleanly closed.

Normal closure; the connection successfully completed whatever purpose for which it was created.

The endpoint is going away, either because of a server failure or because the browser is navigating away from the page that opened the connection.

// The endpoint is terminating the connection due to a protocol error.

The connection is being terminated because the endpoint received data of a type it cannot accept (for example, a text-only endpoint received binary data).

Reserved. Indicates that no status code was provided even though one was expected.

Reserved. Used to indicate that a connection was closed abnormally (that is, with no close frame being sent) when a status code is expected.

The endpoint is terminating the connection because a message was received that contained inconsistent data (e.g., non-UTF-8 data within a text message).

The endpoint is terminating the connection because it received a message that violates its policy. This is a generic status code, used when codes 1003 and 1009 are not suitable.

The endpoint is terminating the connection because a data frame was received that is too large.

The client is terminating the connection because it expected the server to negotiate one or more extension, but the server didn't.

The server is terminating the connection because it encountered an unexpected condition that prevented it from fulfilling the request.

The server is terminating the connection because it is restarting. [Ref]

The server is terminating the connection due to a temporary condition, e.g. it is overloaded and is casting off some of its clients. [Ref]

Reserved. Indicates that the connection was closed due to a failure to perform a TLS handshake (e.g., the server certificate can't be verified).

Indicates the Close code.

Indicates the Reason the server closed the connection. This is specific to the particular server and sub-protocol.

Indicates whether or not the connection was cleanly closed.

A Boolean value indicating whether or not the alt key was down when the touch event was fired.

A of all the objects representing individual points of contact whose states changed between the previous touch event and this one.

A Boolean value indicating whether or not the control key was down when the touch event was fired.

A Boolean value indicating whether or not the meta key was down when the touch event was fired.

A Boolean value indicating whether or not the shift key was down when the touch event was fired.

A of all the objects that are both currently in contact with the touch surface and were also started on the same element that is the target of the event.

A of all the objects representing all current points of contact with the surface, regardless of target or changed status.

A generic version of the TouchEvent class. The type parameter is a type of CurrentTarget.

The CurrentTarget type

Equivalent to the Function type in Javascript.

Creates a new function with the specified implementation, and the set of named parameters.

Argument names, followed by the function body.

Creates a new function with the specified implementation, and the set of named parameters.

List of comma separated argument names The function body

Creates a new function with the specified implementation, and the set of named parameters.

Argument names The function body

Gets the number of parameters expected by the function.

Invokes the function against the specified object instance.

The object used as the value of 'this' within the function. Any return value returned from the function.

Invokes the function against the specified object instance.

The object used as the value of 'this' within the function. The set of arguments to pass in into the function. Any return value returned from the function.

Invokes the function against the specified object instance.

The object used as the value of 'this' within the function. Any return value returned from the function.

Invokes the function against the specified object instance.

The object used as the value of 'this' within the function. One or more arguments to pass in into the function. Any return value returned from the function.

Returns the VRDisplay.displayId of the associated VRDisplay — the VRDisplay that the gamepad is controlling the displayed scene of.

An identification string for the gamepad. This string identifies the brand or style of connected gamepad device. Typically, this will include the USB vendor and a product ID.

The index of the gamepad in the Navigator. When multiple gamepads are connected to a user agent, indices must be assigned on a first-come, first-serve basis, starting at zero. If a gamepad is disconnected, previously assigned indices must not be reassigned to gamepads that continue to be connected. However, if a gamepad is disconnected, and subsequently the same or a different gamepad is then connected, index entries must be reused.

Indicates whether the physical device represented by this object is still connected to the system. When a gamepad becomes unavailable, whether by being physically disconnected, powered off or otherwise unusable, the connected attribute must be set to false.

Last time the data for this gamepad was updated. Timestamp is a monotonically increasing value that allows the author to determine if the axes and button data have been updated from the hardware. The value must be relative to the navigationStart attribute of the PerformanceTiming interface. Since values are monotonically increasing they can be compared to determine the ordering of updates, as newer values will always be greater than or equal to older values. If no data has been received from the hardware, the value of the timestamp attribute should be the time relative to navigationStart when the Gamepad object was first made available to script.

The mapping in use for this device. If the user agent has knowledge of the layout of the device, then it should indicate that a mapping is in use by setting this property to a known mapping name. Currently the only known mapping is "standard", which corresponds to the Standard Gamepad layout. If the user agent does not have knowledge of the device layout and is simply providing the controls as represented by the driver in use, then it must set the mapping property to an empty string.

Array of values for all axes of the gamepad. All axis values must be linearly normalized to the range [-1.0 .. 1.0]. As appropriate, -1.0 should correspond to "up" or "left", and 1.0 should correspond to "down" or "right". Axes that are drawn from a 2D input device should appear next to each other in the axes array, X then Y. It is recommended that axes appear in decreasing order of importance, such that element 0 and 1 typically represent the X and Y axis of a directional stick.

Array of button states for all buttons of the gamepad. It is recommended that buttons appear in decreasing importance such that the primary button, secondary button, tertiary button, and so on appear as elements 0, 1, 2, ... in the buttons array.

The pressed state of the button. This property must be true if the button is currently pressed, and false if it is not pressed. For buttons which do not have a digital switch to indicate a pure pressed or released state, the user agent must choose a threshold value to indicate the button as pressed when its value is above a certain amount. If the platform API gives a recommended value, the user agent should use that. In other cases, the user agent should choose some other reasonable value.

For buttons that have an analog sensor, this property must represent the amount which the button has been pressed. All button values must be linearly normalized to the range [0.0 .. 1.0]. 0.0 must mean fully unpressed, and 1.0 must mean fully pressed. For buttons without an analog sensor, only the values 0.0 and 1.0 for fully unpressed and fully pressed must be provided.

Returns a unique identifier for this object. A given touch point (say, by a finger) will have the same identifier for the duration of its movement around the surface. This lets you ensure that you're tracking the same touch all the time.

Returns the X coordinate of the touch point relative to the left edge of the screen.

Returns the Y coordinate of the touch point relative to the top edge of the screen.

Returns the X coordinate of the touch point relative to the left edge of the browser viewport, not including any scroll offset.

Returns the Y coordinate of the touch point relative to the top edge of the browser viewport, not including any scroll offset.

Returns the X coordinate of the touch point relative to the left edge of the document. Unlike clientX, this value includes the horizontal scroll offset, if any.

Returns the Y coordinate of the touch point relative to the top of the document. Unlike clientY, this value includes the vertical scroll offset, if any.

Returns the on which the touch point started when it was first placed on the surface, even if the touch point has since moved outside the interactive area of that element or even been removed from the document.

Returns the X radius of the ellipse that most closely circumscribes the area of contact with the screen. The value is in pixels of the same scale as screenX.

Returns the Y radius of the ellipse that most closely circumscribes the area of contact with the screen. The value is in pixels of the same scale as screenY.

Returns the angle (in degrees) that the ellipse described by radiusX and radiusY must be rotated, clockwise, to most accurately cover the area of contact between the user and the surface.

Returns the amount of pressure being applied to the surface by the user, as a float between 0.0 (no pressure) and 1.0 (maximum pressure).

The number of objects in the TouchList.

Returns the object at the specified index in the list.

Returns enumerator of objects in the TouchList

A representaion of the options used in https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString

The locale matching algorithm to use. Possible values are "lookup" and "best fit"; the default is "best fit". For information about this option, see the Intl page.

Whether the comparison is for sorting or for searching for matching strings. Possible values are "sort" and "search"; the default is "sort".

Which differences in the strings should lead to non-zero result values.

Whether punctuation should be ignored. Possible values are true and false; the default is false.

Whether numeric collation should be used, such that "1" < "2" < "10". Possible values are true and false; the default is false. This option can be set through an options property or through a Unicode extension key; if both are provided, the options property takes precedence. Implementations are not required to support this property.

Whether upper case or lower case should sort first. Possible values are "upper", "lower", or "false" (use the locale's default); the default is "false". This option can be set through an options property or through a Unicode extension key; if both are provided, the options property takes precedence. Implementations are not required to support this property.

Which differences in the strings should lead to non-zero result values.

Only strings that differ in base letters compare as unequal. Examples: a ≠ b, a = á, a = A.

Only strings that differ in base letters or accents and other diacritic marks compare as unequal. Examples: a ≠ b, a ≠ á, a = A.

Only strings that differ in base letters or case compare as unequal. Examples: a ≠ b, a = á, a ≠ A.

Strings that differ in base letters, accents and other diacritic marks, or case compare as unequal. Other differences may also be taken into consideration. Examples: a ≠ b, a ≠ á, a ≠ A.

Whether the comparison is for sorting or for searching for matching strings. Possible values are "sort" and "search"; the default is "sort".

The locale matching algorithm to use. Possible values are "lookup" and "best fit"; the default is "best fit". For information about this option, see the Intl page.

see MDN

Provides developers a way to react to changes in a DOM. It is designed as a replacement for Mutation Events defined in the DOM3 Events specification. see MDN

Constructor for instantiating new DOM mutation observers.

The function which will be called on each DOM mutation. The observer will call this function with two arguments. The first is an array of objects, each of type MutationRecord. The second is this MutationObserver instance.

Registers the MutationObserver instance to receive notifications of DOM mutations on the specified node.

The Node on which to observe DOM mutations. A MutationObserverInit object, specifies which DOM mutations should be reported.

Stops the MutationObserver instance from receiving notifications of DOM mutations. Until the observe() method is used again, observer's callback will not be invoked.

Empties the MutationObserver instance's record queue and returns what was in there.

String global object extension methods for the ECMA String prototype object.

The match() method retrieves the matches when matching a string against a regular expression.

A string instance A regular expression object. If a non-Regex object obj is passed, it is implicitly converted to a Regex by using new Regex(obj). An Array containing the entire match result and any parentheses-captured matched results, or null if there were no matches.

The match() method retrieves the matches when matching a string against a regular expression.

The search() method executes a search for a match between a regular expression and this String object.

A string instance A regular expression object. If a non-Regex object obj is passed, it is implicitly converted to a Regex by using new Regex(obj). If successful, returns the index of the first match of the regular expression inside the string. Otherwise, it returns -1.

The search() method executes a search for a match between a regular expression and this String object.

The toLowerCase() method returns the calling string value converted to lowercase.

A string instance A new string representing the calling string converted to lower case.

The toLocaleLowerCase() method returns the calling string value converted to lower case, according to any locale-specific case mappings.

A string instance A new string representing the calling string converted to lower case, according to any locale-specific case mappings.

The toUpperCase() method returns the calling string value converted to uppercase.

A string instance A new string representing the calling string converted to upper case.

The toLocaleUpperCase() method returns the calling string value converted to upper case, according to any locale-specific case mappings.

A string instance A new string representing the calling string converted to upper case, according to any locale-specific case mappings.

The localeCompare() method returns a number indicating whether a reference string comes before or after or is the same as the given string in sort order.

A string instance The string against which the referring string is compared A negative number if the reference string occurs before the compare string; positive if the reference string occurs after the compare string; 0 if they are equivalent.

The localeCompare() method returns a number indicating whether a reference string comes before or after or is the same as the given string in sort order.

A string instance The string against which the referring string is compared A string with a BCP 47 language tag, or an array of such strings. For the general form and interpretation of the locales argument, see the Intl page. A negative number if the reference string occurs before the compare string; positive if the reference string occurs after the compare string; 0 if they are equivalent. A negative number if the reference string occurs before the compare string; positive if the reference string occurs after the compare string; 0 if they are equivalent.

The localeCompare() method returns a number indicating whether a reference string comes before or after or is the same as the given string in sort order.

A string instance The string against which the referring string is compared A string with a BCP 47 language tag, or an array of such strings. For the general form and interpretation of the locales argument, see the Intl page. An object with some or all of the following properties: A negative number if the reference string occurs before the compare string; positive if the reference string occurs after the compare string; 0 if they are equivalent.

The replace() method returns a new string with some or all matches of a pattern replaced by a replacement. The pattern can be a string or a RegExp, and the replacement can be a string or a function to be called for each match.

A string instance A String that is to be replaced by newSubStr. It is treated as a verbatim string and is not interpreted as a regular expression. Only the first occurrence will be replaced. The String that replaces the substring specified by the specified regexp or substr parameter. A number of special replacement patterns are supported; see the "Specifying a string as a parameter" section below. A new string with some or all matches of a pattern replaced by a replacement.

A string instance A String that is to be replaced by newSubStr. It is treated as a verbatim string and is not interpreted as a regular expression. Only the first occurrence will be replaced. A function to be invoked to create the new substring to be used to replace the matches to the given regexp or substr. A new string with some or all matches of a pattern replaced by a replacement.

A string instance A RegExp object or literal. The match or matches are replaced with newSubStr or the value returned by the specified function. The String that replaces the substring specified by the specified regexp or substr parameter. A number of special replacement patterns are supported; see the "Specifying a string as a parameter" section below. A new string with some or all matches of a pattern replaced by a replacement.

A string instance A RegExp object or literal. The match or matches are replaced with newSubStr or the value returned by the specified function. A function to be invoked to create the new substring to be used to replace the matches to the given regexp or substr. A new string with some or all matches of a pattern replaced by a replacement.

The slice() method extracts a section of a string and returns a new string.

A string instance The zero-based index at which to begin extraction. If negative, it is treated as strLength + beginIndex where strLength is the length of the string (for example, if beginIndex is -3 it is treated as strLength - 3). If beginIndex is greater than or equal to the length of the string, slice() returns an empty string. The zero-based index before which to end extraction. The character at this index will not be included. If endIndex is omitted, slice() extracts to the end of the string. If negative, it is treated as strLength + endIndex where strLength is the length of the string (for example, if endIndex is -3 it is treated as strLength - 3). A new string containing the extracted section of the string.

Splits a String object into an array of strings by separating the string into substrings.

A string instance Integer specifying a limit on the number of splits to be found. The split() method still splits on every match of separator, until the number of split items match the limit or the string falls short of separator. An array of strings split at each point where the separator occurs in the given string.

Splits a String object into an array of strings by separating the string into substrings.

A string instance Specifies the character to use for separating the string. The separator is treated as a string or a regular expression. If separator is omitted or does not occur in str, the array returned contains one element consisting of the entire string. If separator is an empty string, str is converted to an array of characters. Integer specifying a limit on the number of splits to be found. The split() method still splits on every match of separator, until the number of split items match the limit or the string falls short of separator. An array of strings split at each point where the separator occurs in the given string.

The split() method splits a String object into an array of strings by separating the string into substrings.

A string instance An array of strings split at each point where the separator occurs in the given string.

The split() method splits a String object into an array of strings by separating the string into substrings.

A string instance Specifies the character(s) to use for separating the string. The separator is treated as a string or a regular expression. If separator is omitted or does not occur in str, the array returned contains one element consisting of the entire string. If separator is an empty string, str is converted to an array of characters. Integer specifying a limit on the number of splits to be found. The split() method still splits on every match of separator, until the number of split items match the limit or the string falls short of separator. An array of strings split at each point where the separator occurs in the given string.

The split() method splits a String object into an array of strings by separating the string into substrings.

The substr() method returns the characters in a string beginning at the specified location through the specified number of characters.

A string instance Location at which to begin extracting characters. If a negative number is given, it is treated as strLength + start where strLength is the length of the string (for example, if start is -3 it is treated as strLength - 3.) A new string containing the extracted section of the given string. If length is 0 or a negative number, an empty string is returned.

The substr() method returns the characters in a string beginning at the specified location through the specified number of characters.

A string instance Location at which to begin extracting characters. If a negative number is given, it is treated as strLength + start where strLength is the length of the string (for example, if start is -3 it is treated as strLength - 3.) The number of characters to extract. A new string containing the extracted section of the given string. If length is 0 or a negative number, an empty string is returned.

The substring() method returns a subset of a string between one index and another, or through the end of the string.

A string instance An integer between 0 and the length of the string, specifying the offset into the string of the first character to include in the returned substring. A new string containing the extracted section of the given string.

The substring() method returns a subset of a string between one index and another, or through the end of the string.

A string instance An integer between 0 and the length of the string, specifying the offset into the string of the first character to include in the returned substring. An integer between 0 and the length of the string, which specifies the offset into the string of the first character not to include in the returned substring. A new string containing the extracted section of the given string.

The charAt() method returns the specified character from a string.

A string instance An integer between 0 and 1-less-than the length of the string. If no index is provided, charAt() will use 0. A string representing the character at the specified index; empty string if index is out of range.

The charCodeAt() method returns an integer between 0 and 65535 representing the UTF-16 code unit at the given index (the UTF-16 code unit matches the Unicode code point for code points representable in a single UTF-16 code unit, but might also be the first code unit of a surrogate pair for code points not representable in a single UTF-16 code unit, e.g. Unicode code points > 0x10000). If you want the entire code point value, use codePointAt().

A string instance An integer greater than or equal to 0 and less than the length of the string; if it is not a number, it defaults to 0. A number representing the UTF-16 code unit value of the character at the given index; NaN if index is out of range.

The static String.fromCharCode() method returns a string created by using the specified sequence of Unicode values.

String.Empty

The static String.fromCharCode() method returns a string created by using the specified sequence of Unicode values.

A sequence of numbers that are Unicode values.

Represents an array of 32-bit floating point numbers (corresponding to the C 'float' data type) in the platform byte order. If control over byte order is needed, use DataView instead. The contents are initialized to 0. Once established, you can reference elements in the array using the object's methods, or using standard array index syntax (that is, using bracket notation).

Creates a new Float32Array of the specified length.

Length of array to create

Creates a new Float32Array out of the specified Float32Array.

Float32Array to use as initial contents to the new array.

Creates a new Float32Array out of the specified object.

Object to be converted into the new array.

Creates a new Float32Array out of the specified buffer and byteOffset with the specified length.

Arraybuffer to use as base for contents. Optional. Position in the buffer to start reading data from. Optional. Number of elements to consider while creating the array.

Allows index operations on the array.

Index position in the array. The element in the specified position.

Returns a number value of the element size.

Length property whose value is 3.

Returns the string value of the constructor name. In the case of the Float32Array type: "Float32Array".

Represents an array of 64-bit floating point numbers (corresponding to the C 'double' data type) in the platform byte order. If control over byte order is needed, use DataView instead. The contents are initialized to 0. Once established, you can reference elements in the array using the object's methods, or using standard array index syntax (that is, using bracket notation).

Creates a new Float64Array of the specified length.

Length of array to create

Creates a new Float64Array out of the specified Float64Array.

Float64Array to use as initial contents to the new array.

Creates a new Float64Array out of the specified object.

Object to be converted into the new array.

Creates a new Float64Array out of the specified buffer and byteOffset with the specified length.

Arraybuffer to use as base for contents. Optional. Position in the buffer to start reading data from. Optional. Number of elements to consider while creating the array.

Allows index operations on the array.

Index position in the array. The element in the specified position.

Returns a number value of the element size.

Length property whose value is 3.

Returns the string value of the constructor name. In the case of the Float64Array type: "Float64Array".

Represents an array of twos-complement 16-bit signed integers in the platform byte order. If control over byte order is needed, use DataView instead. The contents are initialized to 0. Once established, you can reference elements in the array using the object's methods, or using standard array index syntax (that is, using bracket notation).

Creates a new Int16Array of the specified length.

Length of array to create

Creates a new Int16Array out of the specified Int16Array.

Int16Array to use as initial contents to the new array.

Creates a new Int16Array out of the specified object.

Object to be converted into the new array.

Creates a new Int16Array out of the specified buffer and byteOffset with the specified length.

Arraybuffer to use as base for contents. Optional. Position in the buffer to start reading data from. Optional. Number of elements to consider while creating the array.

Allows index operations on the array.

Index position in the array. The element in the specified position.

Returns a number value of the element size.

Length property whose value is 3.

Returns the string value of the constructor name. In the case of the Int16Array type: "Int16Array".

Represents an array of twos-complement 32-bit signed integers in the platform byte order. If control over byte order is needed, use DataView instead. The contents are initialized to 0. Once established, you can reference elements in the array using the object's methods, or using standard array index syntax (that is, using bracket notation).

Creates a new Int32Array of the specified length.

Length of array to create

Creates a new Int32Array out of the specified Int32Array.

Int32Array to use as initial contents to the new array.

Creates a new Int32Array out of the specified object.

Object to be converted into the new array.

Creates a new Int32Array out of the specified buffer and byteOffset with the specified length.

Arraybuffer to use as base for contents. Optional. Position in the buffer to start reading data from. Optional. Number of elements to consider while creating the array.

Allows index operations on the array.

Index position in the array. The element in the specified position.

Returns a number value of the element size.

Length property whose value is 3.

Returns the string value of the constructor name. In the case of the Int32Array type: "Int32Array".

Represents an array of twos-complement 8-bit signed integers. The contents are initialized to 0. Once established, you can reference elements in the array using the object's methods, or using standard array index syntax (that is, using bracket notation).

Creates a new Int8Array of the specified length.

Length of array to create

Creates a new Int8Array out of the specified Int8Array.

Int8Array to use as initial contents to the new array.

Creates a new Int8Array out of the specified object.

Object to be converted into the new array.

Creates a new Int8Array out of the specified buffer and byteOffset with the specified length.

Arraybuffer to use as base for contents. Optional. Position in the buffer to start reading data from. Optional. Number of elements to consider while creating the array.

Allows index operations on the array.

Index position in the array. The element in the specified position.

Returns a number value of the element size.

Length property whose value is 3.

Returns the string value of the constructor name. In the case of the Int8Array type: "Int8Array".

The CanvasGradient interface represents an opaque object describing a gradient. It is returned by the methods CanvasRenderingContext2D.createLinearGradient() or CanvasRenderingContext2D.createRadialGradient().

Adds a new stop, defined by an offset and a color, to the gradient. If the offset is not between 0 and 1 an INDEX_SIZE_ERR is raised, if the color can't be parsed as a CSS <color>, a SYNTAX_ERR is raised.

The CanvasPattern interface represents an opaque object describing a pattern, based on a image, a canvas or a video, created by the CanvasRenderingContext2D.createPattern() method.

This method uses an SVGMatrix object as the pattern's transformation matrix and invokes it on the pattern.

This is experimental API that should not be used in production code.

The ImageData interface represents the underlying pixel data of an area of a <canvas> element. It is created using the ImageData() constructor or creator methods on the CanvasRenderingContext2D object associated with a canvas: createImageData() and getImageData(). It can also be used to set a part of the canvas by using putImageData().

Creates an ImageData object.

Creates an ImageData object from a given Uint8ClampedArray and the size of the image it contains. Note that this is the most common way to create such an object in workers as createImageData() is not available there.

A Uint8ClampedArray containing the underlying pixel representation of theimage. An unsigned number representing the width of the represented image. An unsigned number representing the height of the represented image. This value is optional if an array is given: it will be inferred from its size and the given width. This is experimental API that should not be used in production code.

Creates an ImageData object from the size of the image. Without specifying the array, an image of a black rectangle is created. Note that this is the most common way to create such an object in workers as createImageData() is not available there.

An unsigned number representing the width of the represented image. An unsigned number representing the height of the represented image. This is experimental API that should not be used in production code.

A Uint8ClampedArray representing a one-dimensional array containing the data in the RGBA order, with integer values between 0 and 255 (included).

An unsigned number representing the actual height, in pixels, of the ImageData.

An unsigned number representing the actual width, in pixels, of the ImageData.

The Path2D interface of the Canvas 2D API is used to declare paths that are then later used on CanvasRenderingContext2D objects. The path methods of the CanvasRenderingContext2D interface are present on this interface as well and are allowing you to create paths that you can retain and replay as required on a canvas.

This is experimental API that should not be used in production code.

Creates a new Path2D object.

Creates a new Path2D object from an specified Path2D object.

Creates a new Path2D object from an specified string consisting of SVG path data.

Adds a path to the current path.

Many of SVG's graphics operations utilize 2x3 matrices which can be expanded into a 3x3 matrix for the purposes of matrix arithmetic. An SVGMatrix object can be designated as read only, which means that attempts to modify the object will result in an exception being thrown.

SVGMatrix component.

Performs matrix multiplication. This matrix is post-multiplied by another matrix, returning the resulting new matrix.

Return the inverse matrix A DOMException with code SVG_MATRIX_NOT_INVERTABLE is raised if the matrix is not invertable.

Post-multiplies a translation transformation on the current matrix and returns the resulting matrix.

Post-multiplies a uniform scale transformation on the current matrix and returns the resulting matrix.

Post-multiplies a non-uniform scale transformation on the current matrix and returns the resulting matrix.

Post-multiplies a rotation transformation on the current matrix and returns the resulting matrix. (angle is measures in degrees.)

Post-multiplies a rotation transformation on the current matrix and returns the resulting matrix. The rotation angle is determined by taking (+/-) atan(y/x). The direction of the vector (x, y) determines whether the positive or negative angle value is used. A DOMException with code SVG_INVALID_VALUE_ERR is raised if one of the parameters has an invalid value.

Post-multiplies the transformation [-1 0 0 1 0 0] and returns the resulting matrix.

Post-multiplies the transformation [1 0 0 -1 0 0] and returns the resulting matrix.

Post-multiplies a skewX transformation on the current matrix and returns the resulting matrix.

Post-multiplies a skewY transformation on the current matrix and returns the resulting matrix.

This interface was written so that both Path2D and CanvasRenderingContext2D could inherit their methods (which are the exact same).

Causes the point of the pen to move back to the start of the current sub-path. It tries to draw a straight line from the current point to the start. If the shape has already been closed or has only one point, this function does nothing.

Moves the starting point of a new sub-path to the (x, y) coordinates.

The x axis of the point The y axis of the point

Moves the starting point of a new sub-path to the (x, y) coordinates.

The x axis of the point The y axis of the point

Moves the starting point of a new sub-path to the (x, y) coordinates.

The x axis of the point The y axis of the point

Connects the last point in the subpath to the x, y coordinates with a straight line.

The x axis of the coordinate for the end of the line. The y axis of the coordinate for the end of the line.

Connects the last point in the subpath to the x, y coordinates with a straight line.

The x axis of the coordinate for the end of the line. The y axis of the coordinate for the end of the line.

Connects the last point in the subpath to the x, y coordinates with a straight line.

The x axis of the coordinate for the end of the line. The y axis of the coordinate for the end of the line.

Adds a cubic Bézier curve to the path. It requires three points. The first two points are control points and the third one is the end point. The starting point is the last point in the current path, which can be changed using moveTo() before creating the Bézier curve.

The x axis of the coordinate for the first control point. The y axis of the coordinate for first control point. The x axis of the coordinate for the second control point. The y axis of the coordinate for the second control point. The x axis of the coordinate for the end point. The y axis of the coordinate for the end point.

Adds a quadratic Bézier curve to the current path.

The x axis of the coordinate for the control point. The y axis of the coordinate for the control point. The x axis of the coordinate for the end point. The y axis of the coordinate for the end point.

Adds a quadratic Bézier curve to the current path.

The x axis of the coordinate for the control point. The y axis of the coordinate for the control point. The x axis of the coordinate for the end point. The y axis of the coordinate for the end point.

Adds a quadratic Bézier curve to the current path.

The x axis of the coordinate for the control point. The y axis of the coordinate for the control point. The x axis of the coordinate for the end point. The y axis of the coordinate for the end point.

Adds an arc to the path which is centered at (x, y) position with radius r starting at startAngle and ending at endAngle going in the given direction by anticlockwise (defaulting to clockwise).

The x axis of the coordinate for the arc's center. The y axis of the coordinate for the arc's center. The arc's radius. The starting point, measured from the x axis, from which it will be drawn, expressed in radians. The end arc's angle to which it will be drawn, expressed in radians. An optional Boolean which, if true, draws the arc anticlockwise (counter-clockwise), otherwise in a clockwise direction.

Adds an arc to the path which is centered at (x, y) position with radius r starting at startAngle and ending at endAngle going in the given direction by anticlockwise (defaulting to clockwise).

Adds an arc to the path with the given control points and radius, connected to the previous point by a straight line.

The x axis of the coordinate for the first control point. The y axis of the coordinate for the first control point. The x axis of the coordinate for the second control point. The y axis of the coordinate for the second control point. The arc's radius.

Adds an arc to the path with the given control points and radius, connected to the previous point by a straight line.

Adds an ellipse to the path which is centered at (x, y) position with the radii radiusX and radiusY starting at startAngle and ending at endAngle going in the given direction by anticlockwise (defaulting to clockwise).

The x axis of the coordinate for the ellipse's center. The y axis of the coordinate for the ellipse's center. The ellipse's major-axis radius. The ellipse's minor-axis radius. The rotation for this ellipse, expressed in degrees. The starting point, measured from the x axis, from which it will be drawn, expressed in radians. The end ellipse's angle to which it will be drawn, expressed in radians. An optional Boolean which, if true, draws the ellipse anticlockwise (counter-clockwise), otherwise in a clockwise direction. This is experimental API that should not be used in production code.

Creates a path for a rectangle at position (x, y) with a size that is determined by width and height.

The x axis of the coordinate for the rectangle starting point. The y axis of the coordinate for the rectangle starting point. The rectangle's width. The rectangle's height.

Creates a path for a rectangle at position (x, y) with a size that is determined by width and height.

The x axis of the coordinate for the rectangle starting point. The y axis of the coordinate for the rectangle starting point. The rectangle's width. The rectangle's height.

Creates a path for a rectangle at position (x, y) with a size that is determined by width and height.

The x axis of the coordinate for the rectangle starting point. The y axis of the coordinate for the rectangle starting point. The rectangle's width. The rectangle's height.

Indicates the desired type of compositing operation among the existing ones. See example effects in https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation

Default. Draws new shapes on top of the existing canvas content.

The new shape is drawn only where both the new shape and the destination canvas overlap. Everything else is made transparent.

The new shape is drawn where it doesn't overlap the existing canvas content.

The new shape is only drawn where it overlaps the existing canvas content.

New shapes are drawn behind the existing canvas content.

The existing canvas content is kept where both the new shape and existing canvas content overlap. Everything else is made transparent.

The existing content is kept where it doesn't overlap the new shape.

The existing canvas is only kept where it overlaps the new shape. The new shape is drawn behind the canvas content.

Where both shapes overlap the color is determined by adding color values.

Only the existing canvas is present.

Shapes are made transparent where both overlap and drawn normal everywhere else.

The pixels are of the top layer are multiplied with the corresponding pixel of the bottom layer. A darker picture is the result.

Does not work on all browsers

The pixels are inverted, multiplied, and inverted again. A lighter picture is the result (opposite of multiply)

Does not work on all browsers

A combination of multiply and screen. Dark parts on the base layer become darker, and light parts become lighter.

Does not work on all browsers

Retains the darkest pixels of both layers.

Does not work on all browsers

Retains the lightest pixels of both layers.

Does not work on all browsers

Divides the bottom layer by the inverted top layer.

Does not work on all browsers

Divides the inverted bottom layer by the top layer, and then inverts the result.

Does not work on all browsers

A combination of multiply and screen like overlay, but with top and bottom layer swapped.

Does not work on all browsers

A softer version of hard-light. Pure black or white does not result in pure black or white.

Does not work on all browsers

Subtracts the bottom layer from the top layer or the other way round to always get a positive value.

Does not work on all browsers

Like difference, but with lower contrast.

Does not work on all browsers

Preserves the luma and chroma of the bottom layer, while adopting the hue of the top layer.

Does not work on all browsers

Preserves the luma and hue of the bottom layer, while adopting the chroma of the top layer.

Does not work on all browsers

Preserves the luma of the bottom layer, while adopting the hue and chroma of the top layer.

Does not work on all browsers

Preserves the hue and chroma of the bottom layer, while adopting the luma of the top layer.

Does not work on all browsers

Clear the value, to revert back to browser's default.

Indicates the 2D context on CanvaslElement.GetContext().

2d: Two-dimensional rendering context: CanvasRenderingContext2D

Indicates the WebGL (OpenGL ES 2.0) context on CanvaslElement.GetContext().

WebGL -- available only on browsers that implement WebGL version 1 (OpenGL ES 2.0)

Experimental WebGL -- available only on browsers that implement WebGL version 1 (OpenGL ES 2.0)

There are three possible values for this property and those are: butt, round and square. By default this property is set to butt.

Default. The ends of lines are squared off at the endpoints.

The ends of lines are rounded.

The ends of lines are squared off by adding a box with an equal width and half the height of the line's thickness.

Clear the value, to revert back to browser's default.

There are three possible values for this property: round, bevel and miter. By default this property is set to miter. Note that the lineJoin setting has no effect if the two connected segments have the same direction, because no joining area will be added in this case.

Rounds off the corners of a shape by filling an additional sector of disc centered at the common endpoint of connected segments. The radius for these rounded corners is equal to the line width.

Fills an additional triangular area between the common endpoint of connected segments, and the separate outside rectangular corners of each segment.

Default. Connected segments are joined by extending their outside edges to connect at a single point, with the effect of filling an additional lozenge-shaped area. This setting is effected by the miterLimit property.

Clear the value, to revert back to browser's default.

The text is left-aligned.

The text is right-aligned.

The text is centered.

Default. The text is aligned at the normal start of the line (left-aligned for left-to-right locales, right-aligned for right-to-left locales).

The text is aligned at the normal end of the line (right-aligned for left-to-right locales, left-aligned for right-to-left locales).

Clear the value, to revert back to browser's default.

The text baseline is the top of the em square.

The text baseline is the hanging baseline.

The text baseline is the middle of the em square.

Default. The text baseline is the normal alphabetic baseline.

The text baseline is the ideographic baseline; this is the bottom of the body of the characters, if the main body of characters protrudes beneath the alphabetic baseline.

The text baseline is the bottom of the bounding box. This differs from the ideographic baseline in that the ideographic baseline doesn't consider descenders.

Clear the value, to revert back to browser's default.

The text direction is left-to-right.

The text direction is right-to-left.

Default. The text direction is inherited from the <canvas> element or the Document as appropriate.

Clear the value, to revert back to browser's default.

Default. Repeat in both directions.

Repeat in horizontal direction only.

Repeat in vertical direction only.

Do not repeat neither horizontally nor vertically.

Clear the value, to revert back to browser's default.

Default. The non-zero winding rule.

The even-odd winding rule.

The CanvasRenderingContext2D interface provides the 2D rendering context for the drawing surface of a <canvas> element. To get an object of this interface, call getContext() on a <canvas>, supplying "CanvasContext2DType.CanvasRenderingContext2D" as the argument.

Sets all pixels in the rectangle defined by starting point (x, y) and size (width, height) to transparent black, erasing any previously drawn content.

The x axis of the coordinate for the rectangle starting point. The y axis of the coordinate for the rectangle starting point. The rectangle's width. The rectangle's height.

Draws a filled rectangle at (x, y) position whose size is determined by width and height.

The x axis of the coordinate for the rectangle starting point. The y axis of the coordinate for the rectangle starting point. The rectangle's width. The rectangle's height.

Paints a rectangle which has a starting point at (x, y) and has a w width and an h height onto the canvas, using the current stroke style.

The x axis of the coordinate for the rectangle starting point. The y axis of the coordinate for the rectangle starting point. The rectangle's width. The rectangle's height.

Draws (fills) a given text at the given (x,y) position.

The text to render using the current font, textAlign, textBaseline, and direction values. The x axis of the coordinate for the text starting point. The y axis of the coordinate for the text starting point. The maximum width to draw. If specified, and the string is computed to be wider than this width, the font is adjusted to use a more horizontally condensed font (if one is available or if a reasonably readable one can be synthesized by scaling the current font horizontally) or a smaller font.

Draws (strokes) a given text at the given (x, y) position.

Returns a TextMetrics object.

The text to measure. A TextMetrics object.

Width of lines. Default 1.0

Type of endings on the end of lines. Possible values: butt (default), round, square.

Defines the type of corners where two lines meet. Possible values: round, bevel, miter (default).

Miter limit ratio. Default 10.

Gets the current line dash pattern.

An Array. A list of numbers that specifies distances to alternately draw a line and a gap (in coordinate space units). If the number, when setting the elements, was odd, the elements of the array get copied and concatenated. For example, setting the line dash to [5, 15, 25] will result in getting back [5, 15, 25, 5, 15, 25].

Sets the current line dash pattern.

An Array. A list of numbers that specifies distances to alternately draw a line and a gap (in coordinate space units). If the number of elements in the array is odd, the elements of the array get copied and concatenated. For example, [5, 15, 25] will become [5, 15, 25, 5, 15, 25].

Specifies where to start a dash array on a line.

Font setting. Default value 10px sans-serif.

Text alignment setting. Possible values: start (default), end, left, right or center.

Baseline alignment setting. Possible values: top, hanging, middle, alphabetic (default), ideographic, bottom.

Directionality. Possible values: ltr, rtl, inherit (default).

Color or style to use inside shapes. Default #000 (black).

Color or style to use for the lines around shapes. Default #000 (black).

Creates a linear gradient along the line given by the coordinates represented by the parameters.

The x axis of the coordinate of the start point. The y axis of the coordinate of the start point. The x axis of the coordinate of the end point. The y axis of the coordinate of the end point. A linear CanvasGradient initialized with the specified line.

Creates a radial gradient along the line given by the coordinates represented by the parameters.

The x axis of the coordinate of the start circle. The y axis of the coordinate of the start circle. The radius of the start circle. The x axis of the coordinate of the end circle. The y axis of the coordinate of the end circle. The radius of the end circle. A radial CanvasGradient initialized with the two specified circles.

Creates a pattern using the specified image (a CanvasImageSource). It repeats the source in the directions specified by the repetition argument. This method returns a CanvasPattern.

A CanvasImageSource to be used as image to repeat. It can either be a: • HTMLImageElement (<img>), • HTMLVideoElement (<video>), • HTMLCanvasElement (<canvas>), • CanvasRenderingContext2D, • ImageBitmap (c# object for now), • ImageData, or a • Blob. An opaque CanvasPattern object describing a pattern. At the time of implementation, ImageBitmap had no documentation and Bridge.NET did not have it defined inside.

Specifies the blurring effect. Default 0

Color of the shadow. Default fully-transparent black.

Horizontal distance the shadow will be offset. Default 0.

Vertical distance the shadow will be offset. Default 0.

Starts a new path by emptying the list of sub-paths. Call this method when you want to create a new path.

Fills the subpaths with the current fill style.

Fills the subpaths with the specified fill rule.

The algorithm by which to determine if a point is inside a path or outside a path.

Fills the specified path with the specified fill rule.

A Path2D path to fill. The algorithm by which to determine if a point is inside a path or outside a path.

Strokes the subpaths with the current stroke style.

A Path2D path to stroke.

If a given element is focused, this method draws a focus ring around the current path.

The element to check whether it is focused or not.

If a given element is focused, this method draws a focus ring around the current path.

A Path2D path to use. The element to check whether it is focused or not.

Scrolls the current path or a given path into the view.

This is experimental API that should not be used in production code.

Scrolls the current path or a given path into the view.

A Path2D path to use. This is experimental API that should not be used in production code.

Creates a clipping path from the current sub-paths. Everything drawn after clip() is called appears inside the clipping path only. For an example, see Clipping paths in the Canvas tutorial.

The algorithm by which to determine if a point is inside a path or outside a path.

Creates a clipping path from the current sub-paths. Everything drawn after clip() is called appears inside the clipping path only. For an example, see Clipping paths in the Canvas tutorial.

A Path2D path to clip. The algorithm by which to determine if a point is inside a path or outside a path.

Reports whether or not the specified point is contained in the current path.

The X coordinate of the point to check. The Y coordinate of the point to check. A Boolean, which is true if the specified point is contained in the current or specfied path, otherwise false.

Reports whether or not the specified point is contained in the current path.

The X coordinate of the point to check. The Y coordinate of the point to check. The algorithm by which to determine if a point is inside a path or outside a path. A Boolean, which is true if the specified point is contained in the current or specfied path, otherwise false.

Reports whether or not the specified point is contained in the current path.

A Path2D path to use. The X coordinate of the point to check. The Y coordinate of the point to check. A Boolean, which is true if the specified point is contained in the current or specfied path, otherwise false.

Reports whether or not the specified point is contained in the current path.

A Path2D path to use. The X coordinate of the point to check. The Y coordinate of the point to check. The algorithm by which to determine if a point is inside a path or outside a path. A Boolean, which is true if the specified point is contained in the current or specfied path, otherwise false.

Reports whether or not the specified point is inside the area contained by the stroking of a path.

The X coordinate of the point to check. The Y coordinate of the point to check. A Boolean, which is true if the point is inside the area contained by the stroking of a path, otherwise false.

Reports whether or not the specified point is inside the area contained by the stroking of a path.

A Path2D path to use. The X coordinate of the point to check. The Y coordinate of the point to check. A Boolean, which is true if the point is inside the area contained by the stroking of a path, otherwise false.

Current transformation matrix (SVGMatrix object).

This is experimental API that should not be used in production code.

Adds a rotation to the transformation matrix. The angle argument represents a clockwise rotation angle and is expressed in radians.

The angle to rotate clockwise in radians. You can use degree * Math.PI / 180 if you want to calculate from a degree value.

Adds a scaling transformation to the canvas units by x horizontally and by y vertically.

Scaling factor in the horizontal direction. Scaling factor in the vertical direction.

Adds a translation transformation by moving the canvas and its origin x horizontally and y vertically on the grid.

Distance to move in the horizontal direction. Distance to move in the vertical direction.

Multiplies the current transformation matrix with the matrix described by its arguments. Matrix is described by a 3x3 [ a c e // b d f // 0 0 1 ] (// means a matrix line break).

m11: Horizontal scaling. m12: Horizontal skewing. m21: Vertical skewing. m22: Vertical scaling. dx: Horizontal moving. dy: Vertical moving.

Resets the current transform to the identity matrix, and then invokes the transform() method with the same arguments. Matrix is described by a 3x3 [ a c e // b d f // 0 0 1 ] (// means a matrix line break).

m11: Horizontal scaling. m12: Horizontal skewing. m21: Vertical skewing. m22: Vertical scaling. dx: Horizontal moving. dy: Vertical moving.

Resets the current transform by the identity matrix.

This is experimental API that should not be used in production code.

Alpha value that is applied to shapes and images before they are composited onto the canvas. Default 1.0 (opaque).

With globalAlpha applied this sets how shapes and images are drawn onto the existing bitmap.

Draws the specified image. This method is available in multiple formats, providing a great deal of flexibility in its use.

An element to draw into the context. The specification permits any canvas image source. The X coordinate in the destination canvas at which to place the top-left corner of the source image. The Y coordinate in the destination canvas at which to place the top-left corner of the source image. The width to draw the image in the destination canvas. This allows scaling of the drawn image. If null, the image is not scaled in height when drawn. The height to draw the image in the destination canvas. This allows scaling of the drawn image. If null, the image is not scaled in height when drawn.

Draws the specified image. This method is available in multiple formats, providing a great deal of flexibility in its use.

An element to draw into the context. The specification permits any canvas image source. The X coordinate of the top left corner of the sub-rectangle of the source image to draw into the destination context. The Y coordinate of the top left corner of the sub-rectangle of the source image to draw into the destination context. The width of the sub-rectangle of the source image to draw into the destination context. The height of the sub-rectangle of the source image to draw into the destination context. The X coordinate in the destination canvas at which to place the top-left corner of the source image. The Y coordinate in the destination canvas at which to place the top-left corner of the source image. The width to draw the image in the destination canvas. This allows scaling of the drawn image. If not specified or null, the image is not scaled in height when drawn. The height to draw the image in the destination canvas. This allows scaling of the drawn image. If not specified or null, the image is not scaled in height when drawn.

Creates a new, blank ImageData object with the specified dimensions. All of the pixels in the new object are transparent black.

The width to give the new ImageData object. The height to give the new ImageData object. A new ImageData object with the specified width and height. The new object is filled with transparent black pixels.

Creates a new, blank ImageData object with the specified dimensions. All of the pixels in the new object are transparent black.

An existing ImageData object from which to copy the width and height. The image itself is not copied. A new ImageData object with the specified width and height. The new object is filled with transparent black pixels.

Returns an ImageData object representing the underlying pixel data for the area of the canvas denoted by the rectangle which starts at (sx, sy) and has an sw width and sh height.

The x axis of the coordinate for the rectangle startpoint from which the ImageData will be extracted. The y axis of the coordinate for the rectangle endpoint from which the ImageData will be extracted. The width of the rectangle from which the ImageData will be extracted. The height of the rectangle from which the ImageData will be extracted.

Paints data from the given ImageData object onto the bitmap. If a dirty rectangle is provided, only the pixels from that rectangle are painted.

An imageData object containing the array of pixel values. Position offset in the target canvas context of the rectangle to be painted, relative to the rectangle in the origin image data. Position offset in the target canvas context of the rectangle to be painted, relative to the rectangle in the origin image data. Position of the top left point of the rectangle to be painted, in the origin image data. Defaults to the top left of the whole image data. Position of the top left point of the rectangle to be painted, in the origin image data. Defaults to the top left of the whole image data. Width of the rectangle to be painted, in the origin image data. Defaults to the width of the image data. Height of the rectangle to be painted, in the origin image data. Defaults to the height of the image data.

Image smoothing mode; if disabled, images will not be smoothed if scaled.

This is experimental API that should not be used in production code.

Saves the current drawing style state using a stack so you can revert any change you make to it using Restore().

Restores the drawing style state to the last element on the 'state stack' saved by save().

A read-only back-reference to the HTMLCanvasElement. Might be null if it is not associated with a <canvas> element.

Adds a hit region to the canvas.

This is experimental API that should not be used in production code.

Adds a hit region to the canvas.

The options argument is optional. When provided, it is an CanvasHitRegionOptions object with one or more of its properties set. This is experimental API that should not be used in production code.

Removes the hit region with the specified id from the canvas.

A DOMString representing the id of the region that is to be removed. This is experimental API that should not be used in production code.

Removes all hit regions from the canvas.

This is experimental API that should not be used in production code.

Most of these APIs are deprecated and will be removed in the future.

A Path2D object describing the area of the hit region. If not provided, the current path is used.

The fill rule to use (defaults to "nonzero").

The ID for this hit region to reference it for later use in events, for example.

The ID of the parent region for cursor fallback and navigation by accessibility tools.

The cursor to use when the mouse is over this region (defaults to "inherit"). Inherits the cursor of the parent hit region, if any, or the canvas element's cursor.

An element (descendant of the canvas) to which events are to be routed. Defaults to null.

A text label for accessibility tools to use as a description of the region, if there is no control. Defaults to null.

An ARIA role for accessibility tools to determine how to represent this region, if there is no control. Defaults to null.

The TextMetrics interface represents the dimension of a text in the canvas, as created by the CanvasRenderingContext2D.measureText() method.

A double giving the calculated width of a segment of inline text in CSS pixels. It takes into account the current font of the context.

A double giving the distance parallel to the baseline from the alignment point given by the CanvasRenderingContext2D.textAlign property to the left side of the bounding rectangle of the given text, in CSS pixels.

A double giving the distance parallel to the baseline from the alignment point given by the CanvasRenderingContext2D.textAlign property to the right side of the bounding rectangle of the given text, in CSS pixels.

A double giving the distance from the horizontal line indicated by the CanvasRenderingContext2D.textBaseline attribute to the top of the highest bounding rectangle of all the fonts used to render the text, in CSS pixels.

A double giving the distance from the horizontal line indicated by the CanvasRenderingContext2D.textBaseline attribute to the top of the bounding rectangle of all the fonts used to render the text, in CSS pixels.

A double giving the distance from the horizontal line indicated by the CanvasRenderingContext2D.textBaseline attribute to the top of the bounding rectangle used to render the text, in CSS pixels.

A double giving the distance from the horizontal line indicated by the CanvasRenderingContext2D.textBaseline attribute to the bottom of the bounding rectangle used to render the text, in CSS pixels.

A double giving the distance from the horizontal line indicated by the CanvasRenderingContext2D.textBaseline property to the top of the em square in the line box, in CSS pixels.

A double giving the distance from the horizontal line indicated by the CanvasRenderingContext2D.textBaseline property to the bottom of the em square in the line box, in CSS pixels.

A double giving the distance from the horizontal line indicated by the CanvasRenderingContext2D.textBaseline property to the hanging baseline of the line box, in CSS pixels.

A double giving the distance from the horizontal line indicated by the CanvasRenderingContext2D.textBaseline property to the alphabetic baseline of the line box, in CSS pixels.

A double giving the distance from the horizontal line indicated by the CanvasRenderingContext2D.textBaseline property to the ideographic baseline of the line box, in CSS pixels.

The JSON object contains methods for parsing JavaScript Object Notation (JSON) and converting values to JSON. It can't be called or constructed, and aside from its two method properties it has no interesting functionality of its own.

The JSON.parse() method parses a string as JSON, optionally transforming the value produced by parsing. Not compatible with collections of nonprimitives - for that case use

The string to parse as JSON. See the JSON object for a description of JSON syntax. The Object corresponding to the given JSON text.

Arrays of custom classes compatible version of

The string to parse as JSON. See the JSON object for a description of JSON syntax. The Object corresponding to the given JSON text.

The JSON.parse() method parses a string as JSON, optionally transforming the value produced by parsing.

The string to parse as JSON. See the JSON object for a description of JSON syntax. If a function, prescribes how the value originally produced by parsing is transformed, before being returned. The Object corresponding to the given JSON text.

The JSON.parse() method parses a string as JSON, optionally transforming the value produced by parsing.

The string to parse as JSON. See the JSON object for a description of JSON syntax. The Object corresponding to the given JSON text.

The JSON.parse() method parses a string as JSON, optionally transforming the value produced by parsing.

The JSON.stringify() method converts a value to JSON, optionally replacing values if a replacer function is specified, or optionally including only the specified properties if a replacer array is specified.

The value to convert to a JSON string. The resulting JSON string

The value to convert to a JSON string. If a function, transforms values and properties encountered while stringifying; if an array, specifies the set of properties included in objects in the final string. Causes the resulting string to be pretty-printed. If it is a number, successive levels in the stringification will each be indented by this many space characters (up to 10). If it is a string, successive levels will indented by this string (or the first ten characters of it). The resulting JSON string

The CSS align-content property aligns a flex container's lines within the flex container when there is extra space on the cross-axis. This property has no effect on single line flexible boxes.

Lines are packed starting from the cross-start. Cross-start edge of the first line and cross-start edge of the flex container are flushed together. Each following line is flush with the preceding.

Lines are packed starting from the cross-end. Cross-end of the last line and cross-end of the flex container are flushed together. Each preceding line is flushed with the following line.

Lines are packed toward the center of the flex container. The lines are flushed with each other and aligned in the center of the flex container. Space between the cross-start edge of the flex container and first line and between cross-end of the flex container and the last line is the same.

Lines are evenly distributed in the flex container. The spacing is done such as the space between two adjacent items is the same. Cross-start edge and cross-end edge of the flex container are flushed with respectively first and last line edges.

Lines are evenly distributed so that the space between two adjacent lines is the same. The empty space before the first and after the last lines equals half of the space between two adjacent lines.

Lines stretch to use the remaining space. The free-space is split equally between all the lines.

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 cross-start margin edge of the flex item is flushed with the cross-start edge of the line.

The cross-end margin edge of the flex item is flushed with the cross-end edge of the line.

The flex item's margin box is centered within the line on the cross-axis. If the cross-size of the item is larger than the flex container, it will overflow equally in both directions.

All flex items are aligned such that their baselines align. The item with the largest distance between its cross-start margin edge and its baseline is flushed with the cross-start edge of the line.

Flex items are stretched such as the cross-size of the item's margin box is the same as the line while respecting width and height constraints.

The CSS all shorthand property resets all properties, but unicode-bidi and direction to their initial or inherited value.

This keyword indicates to change all the properties applying to the element or the element to their initial value. unicode-bidi and direction values are not affected.

This keyword indicates to change all the properties applying to the element or the element to their parent value if they are inheritable or to their initail value if not. unicode-bidi and direction values are not affected.

This keyword indicates to change all the properties applying to the element or the element to their parent value. unicode-bidi and direction values are not affected.

The animation-direction CSS property indicates whether the animation should play in reverse on alternate cycles.

The animation should play forward each cycle. In other words, each time the animation cycles, the animation will reset to the beginning state and start over again. This is the default animation direction setting.

The animation should reverse direction each cycle. When playing in reverse, the animation steps are performed backward. In addition, timing functions are also reversed; for example, an ease-in animation is replaced with an ease-out animation when played in reverse. The count to determine if it is an even or an odd iteration starts at one.

The animation plays backward each cycle. Each time the animation cycles, the animation resets to the end state and start over again.

The animation plays backward on the first play-through, then forward on the next, then continues to alternate. The count to determinate if it is an even or an odd iteration starts at one.

The animation-fill-mode CSS property specifies how a CSS animation should apply styles to its target before and after it is executing.

The animation will not apply any styles to the target before or after it is executing.

The target will retain the computed values set by the last keyframe encountered during execution. The last keyframe encountered depends on the value of animation-direction and animation-iteration-count

The animation will apply the values defined in the first relevant keyframe as soon as it is applied to the target, and retain this during the animation-delay period. The first relevant keyframe depends of the value of animation-direction

The animation will follow the rules for both forwards and backwards, thus extending the animation properties in both directions.

The animation-play-state CSS property determines whether an animation is running or paused. You can query this property's value to determine whether or not the animation is currently running; in addition, you can set its value to pause and resume playback of an animation.

The animation is currently playing.

The animation is currently paused.

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.

This keyword means that the background is fixed with regard to the element itself and does not scroll with its contents. (It is effectively attached to the element's border.)

This keyword means that the background is fixed with regard to the viewport. Even if an element has a scrolling mechanism, a ‘fixed’ background doesn't move with the element.

This keyword means that the background is fixed with regard to the element's contents: if the element has a scrolling mechanism, the background scrolls with the element's contents, and the background painting area and background positioning area are relative to the scrollable area of the element rather than to the border framing them.

The background-blend-mode CSS property describes how a background should blend with the element's background that is below it and the element's background color. Background elements should be blended while content appearance should be kept unchanged.

Multiplies the complements of the backdrop and source color values, then complements the result.

Multiplies or screens the colors, depending on the backdrop color value.

Selects the darker of the backdrop and source colors.

Selects the lighter of the backdrop and source colors.

Brightens the backdrop color to reflect the source color

Darkens the backdrop color to reflect the source color.

Multiplies or screens the colors, depending on the source color value.

Darkens or lightens the colors, depending on the source color value.

Subtracts the darker of the two constituent colors from the lighter color.

Produces an effect similar to that of the Difference mode but lower in contrast.

Creates a color with the hue of the source color and the saturation and luminosity of the backdrop color.

Creates a color with the saturation of the source color and the hue and luminosity of the backdrop color.

Creates a color with the hue and saturation of the source color and the luminosity of the backdrop color.

Creates a color with the luminosity of the source color and the hue and saturation of the backdrop color.

This is the default attribute which specifies no blending.

The background-clip CSS property specifies whether an element's background, either the color or image, extends underneath its border.

The background extends to the outside edge of the border (but underneath the border in z-ordering).

No background is drawn below the border (background extends to the outside edge of the padding).

The background is painted within (clipped to) the content box.

The background-repeat CSS property defines how background images are repeated.

the equivalent of repeat no-repeat

the equivalent of no-repeat repeat

The image is repeated in the given direction as much as needed to cover the whole background image painting area. The last image may be clipped if the whole thing won't fit in the remaining area.

The image is repeated in the given direction as much as needed to cover most of the background image painting area, without clipping an image. The remaining non-covered space is spaced out evenly between the images. The first and last images touches the edge of the element. The value of the background-position CSS property is ignored for the concerned direction, except if one single image is greater than the background image painting area, which is the only case where an image can be clipped when the space value is used.

The image is repeated in the given direction as much as needed to cover most of the background image painting area, without clipping an image. If it doesn't cover exactly the area, the tiles are resized in that direction in order to match it.

The image is not repeated (and hence the background image painting area will not necessarily been entirely covered). The position of the non-repeated background image is defined by the background-position CSS property.

The border-collapse CSS property selects a table's border model. This has a big influence on the look and style of the table cells.

Is a keyword requesting the use of the separated-border table rendering model. It is the default value.

Is a keyword requesting the use of the collapsed-border table rendering model.

The border-image-repeat CSS property defines how the middle part of a border image is handled so that it can match the size of the border. It has a one-value syntax which describes the behavior of all the sides, and a two-value syntax that sets a different value for the horizontal and vertical behavior.

Keyword indicating that the image must be stretched to fill the gap between the two borders.

Keyword indicating that the image must be repeated until it fills the gap between the two borders.

Keyword indicating that the image must be repeated until it fills the gap between the two borders. If the image doesn't fit after being repeated an integral number of times, the image is rescaled to fit.

Keyword indicating that all four values are inherited from their parents' calculated element value.

The border style CSS property sets the line style of the border of a box.

Like for the hidden keyword, displays no border. In that case, except if a background image is set, the calculated values of border-bottom-width will be 0, even if specified otherwise through the property. In case of table cell and border collapsing, the none value has the lowest priority: it means that if any other conflicting border is set, it will be displayed.

Like for the none keyword, displays no border. In that case, except if a background image is set, the calculated values of border-bottom-width will be 0, even if specified otherwise through the property. In case of table cell and border collapsing, the hidden value has the highest priority: it means that if any other conflicting border is set, it won't be displayed.

Displays a series of rounded dots. The spacing of the dots are not defined by the specification and are implementation-specific. The radius of the dots is half the calculated border-bottom-width.

Displays a series of short square-ended dashes or line segments. The exact size and length of the segments are not defined by the specification and are implementation-specific.

Displays a single, straight, solid line.

Displays two straight lines that add up to the pixel amount defined as border-width or border-bottom-width.

Displays a border leading to a carved effect. It is the opposite of ridge.

Displays a border with a 3D effect, like if it is coming out of the page. It is the opposite of groove.

Displays a border that makes the box appear embedded. It is the opposite of outset. When applied to a table cell with border-collapse set to collapsed, this value behaves like groove.

Displays a border that makes the box appear in 3D, embossed. It is the opposite of inset. When applied to a table cell with border-collapse set to collapsed, this value behaves like ridge.

The border style CSS property sets the width of the border of a box.

A thin border

A medium border

A thick border

Allows to specify what happens to an element when it is broken due to a page break or column break, or for inline elements, a line break.

This keyword specifies that the box will be "sliced" across it's many fragments (if any). In other words, the box fragments won't maintain the padding, border, box-shadow, border-radius, and border-image properties across each fragment. Also, any background or background-image is drawn once and each fragment shows a small piece of the background.

The box-decoration-break (with a value of clone) allows you to maintain the padding, border, box-shadow, border-radius, and border-image properties within each fragment. It also allows any background to be drawn independently in each fragment of the element. A no-repeat background-image will be rendered once in each fragment of the element.

The box-sizing CSS property is used to alter the default CSS box model used to calculate widths and heights of elements.

The width and height properties include the padding and border, but not the margin. This is the box model used by Internet Explorer when the document is in Quirks mode.

The width and height properties include the padding size, and do not include the border or margin.

This is the default style as specified by the CSS standard. The width and height properties are measured including only the content, but not the border, margin, or padding.

The caption-side CSS property positions the content of a table's <caption> on the specified side.

The caption box will be above the table.

The caption box will be below the table.

The caption-side CSS property positions the content of a table's <caption> on the specified side.

The element is not moved down to clear past floating elements.

The element is moved down to clear past left floats.

The element is moved down to clear past right floats.

The element is moved down to clear past both left and right floats.

The column-fill CSS property controls how contents are partitioned into columns. Contents are either balanced, which means that contents in all columns will have the same height or, when using auto, just take up the room the content needs.

Is a keyword indicating that columns are filled sequentially.

Is a keyword indicating that content is equally divided between columns.

The column-span CSS property makes it possible for an element to span across all columns when its value is set to all. An element that spans more than one column is called a spanning element.

The element does not span multiple columns.

The element spans across all columns. Content in the normal flow that appears before the element is automatically balanced across all columns before the element appears. The element establishes a new block formatting context.

An object implementing the CSSRule DOM interface represents a single CSS at-rule. References to a CSSRule-implementing object may be obtained by looking at a CSS style sheet's cssRules list.

Represents the textual representation of the rule, e.g. "h1,h2 { font-size: 16pt }"

Returns the containing rule, otherwise null. E.g. if this rule is a style rule inside an @media block, the parent rule would be that CSSMediaRule.

Returns the CSSStyleSheet object for the style sheet that contains this rule

One of the Type constants indicating the type of CSS rule.

CSS rule types

A CSSStyleDeclaration is an interface to the declaration block returned by the style property of a cssRule in a stylesheet, when the rule is a CSSStyleRule.

The CSS align-content property aligns a flex container's lines within the flex container when there is extra space on the cross-axis. This property has no effect on single line flexible boxes.

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. If any of the flex item's cross-axis margin is set to auto, then align-self is ignored.

The CSS all shorthand property resets all properties, but unicode-bidi and direction to their initial or inherited value.

The animation CSS property is a shorthand property for animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction and animation-fill-mode.

The animation-delay CSS property specifies when the animation should start. This lets the animation sequence begin some time after it's applied to an element.

The animation-direction CSS property indicates whether the animation should play in reverse on alternate cycles.

The animation-duration CSS property specifies the length of time that an animation should take to complete one cycle.

The animation-fill-mode CSS property specifies how a CSS animation should apply styles to its target before and after it is executing.

The animation-iteration-count CSS property defines the number of times an animation cycle should be played before stopping.

The animation-name CSS property specifies a list of animations that should be applied to the selected element. Each name indicates a @keyframes at-rule that defines the property values for the animation sequence.

The CSS animation-timing-function property specifies how a CSS animation should progress over the duration of each cycle.

The CSS backface-visibility property determines whether or not the back face of the element is visible when facing the user. The back face of an element always is a transparent background, letting, when visible, a mirror image of the front face be displayed.

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.

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 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.

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-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.

The background-size CSS property specifies the size of the background images. The size of the image can be fully constrained or only partially in order to preserve its intrinsic ratio.

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.

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.

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.

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.

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.

The border-bottom-style CSS property sets the line style of the bottom border of a box.

The border-bottom-width CSS property sets the width of the bottom border of a box.

The border-collapse CSS property selects a table's border model. This has a big influence on the look and style of the table cells.

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-image CSS property allows drawing an image on the borders of elements. This makes drawing complex looking widgets much simpler than it has been and removes the need for nine boxes in some cases.

The border-image-outset property describes, by which amount the border image area extends beyond the border box.

The border-image-slice CSS property divides the image specified by border-image-source in nine regions: the four corners, the four edges and the middle. It does this by specifying 4 inwards offsets.

The border-image-source CSS property defines the <image> to use instead of the style of the border. If this property is set to none, the style defined by border-style is used instead.

The border-image-width CSS property defines the offset to use for dividing the border image in nine parts, the top-left corner, central top edge, top-right-corner, central right edge, bottom-right corner, central bottom edge, bottom-left corner, and central right edge. They represent inward distance from the top, right, bottom, and left edges.

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 border-left-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-left are more convenient and preferable.

The border-left-style CSS property sets the line style of the left border of a box.

The border-left-width CSS property sets the width of the left border of a box.

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.

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.

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.

The border-right-style CSS property sets the line style of the right border of a box.

The border-right-width CSS property sets the width of the right border of a box.

The border-spacing CSS property specifies the distance between the borders of adjacent cells (only for the separated borders model). This is equivalent to the cellspacing attribute in presentational HTML, but an optional second value can be used to set different horizontal and vertical spacing.

The border-style CSS property is a shorthand property for setting the line style for all four sides of the elements border.

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.

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.

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.

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.

The border-top-style CSS property sets the line style of the top border of a box.

The border-top-width CSS property sets the width of the top 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.

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.

Allows to specify what happens to an element when it is broken due to a page break or column break, or for inline elements, a line break.

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.

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.

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. The clip property applies only to elements with position:absolute.

The CSS color property sets the foreground color of an element's text content, and its decorations. It doesn't affect any other characteristic of the element; it should really be called text-color and would have been named so, save for historical reasons and its appearance in CSS Level 1.

The columns CSS property is a shorthand property allowing to set both the column-width and the column-count properties at the same time.

The column-count CSS property describes the number of columns of the element.

The column-gap CSS property sets the size of the gap between columns for elements which are specified to display as a multi-column element.

In multi-column layouts, the column-rule CSS property specifies a straight line, or "rule", to be drawn between each column. It is a convenient shorthand to avoid setting each of the individual column-rule-* properties separately : column-rule-width, column-rule-style and column-rule-color.

The column-rule-color CSS property lets you set the color of the rule drawn between columns in multi-column layouts.

The column-rule-style CSS property lets you set the style of the rule drawn between columns in multi-column layouts.

The column-rule-width CSS property lets you set the width of the rule drawn between columns in multi-column layouts.

The column-span CSS property makes it possible for an element to span across all columns when its value is set to all. An element that spans more than one column is called a spanning element.

The column-width CSS property suggests an optimal column width. This is not a absolute value but a mere hint. Browser will adjust the width of the column around that suggested value, allowing to achieve scalable designs that fit different screen size. Especially in presence of the column-count CSS property which has precedence, to set an exact column width, all length values must be specified. In horizontal text these are width, column-width, column-gap, and column-rule-width.

The content CSS property is used with the ::before and ::after pseudo-elements to generate content in an element. Objects inserted using the content property are anonymous replaced elements.

The counter-increment CSS property is used to increase the value of CSS Counters by a given value. The counter's value can be reset using the counter-reset CSS property.

The counter-reset CSS property is used to reset CSS Counters to a given value.

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. A floating element is one where the computed value of float is not none.

The cssText property sets or returns the contents of a style declaration as a string.

The cursor CSS property specifies the mouse cursor displayed when the mouse pointer is over an element.

Set the direction CSS property to match the direction of the text: rtl for Hebrew or Arabic text and ltr for other scripts. This is typically done as part of the document (e.g., using the dir attribute in HTML) rather than through direct use of CSS.

The display CSS property specifies the type of rendering box used for an element. In HTML, default display property values are taken from behaviors described in the HTML specifications or from the browser/user default stylesheet. The default value in XML is inline.

The dominant-baseline property is used to determine or re-determine a scaled-baseline-table.

Sets or retrieves a value that indicates the color to paint the interior of the given graphical element.

Sets or retrieves a value that specifies the opacity of the painting operation that is used to paint the interior of the current object.

Sets or retrieves a value that indicates the algorithm that is to be used to determine what parts of the canvas are included inside the shape.

The CSS filter property provides for effects like blurring or color shifting on an element’s rendering before the element is displayed. Filters are commonly used to adjust the rendering of an image, a background, or a border.

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.

The CSS flex-basis property specifies the flex basis which is the initial main size of a flex item.

The CSS flex-direction property specifies how flex items are placed in t

The CSS flex-flow property is a shorthand property for flex-direction and flex-wrap individual properties.

The CSS flex-grow property specifies the flex grow factor of a flex item.

The CSS flex-shrink property specifies the flex shrink factor of a flex item.

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 flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.

The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.

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-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.

The font-feature-settings CSS property allows control over advanced typographic features in OpenType fonts.

The font-kerning property allows contextual adjustment of inter-glyph spacing, i.e. the spaces between the characters in text. This property controls metric kerning - that utilizes adjustment data contained in the font.

The ‘font-language-override’ property allows authors to explicitly specify the language system of the font, overriding the language system implied by the content language.

The font-size CSS property specifies the size of the font – specifically the desired height of glyphs from the font. Setting the font size may, in turn, change the size of other items, since it is used to compute the value of em and ex length units.

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-stretch CSS property selects a normal, condensed, or expanded face from a font.

The font-style CSS property allows italic or oblique faces to be selected within a font-family.

This value specifies whether the user agent is allowed to synthesize bold or oblique font faces when a font family lacks bold or italic faces.

The font-variant CSS property selects a normal, or small-caps face from a font family. Setting font-variant is also possible by using the font shorthand.

Fonts can provide alternate glyphs in addition to default glyph for a character. This property provides control over the selection of these alternate glyphs.

The font-variant-caps property allows the selection of alternate glyphs used for small or petite capitals or for titling. These glyphs are specifically designed to blend well with the surrounding normal glyphs, to maintain the weight and readability which suffers when text is simply resized to fit this purpose.

The font-variant-east-asian property allows control of glyph substitution and sizing in East Asian text.

font-variant-ligatures is a CSS property to control ligatures in text.

The font-variant-numeric property specifies control over numerical forms. Within normal paragraph text, proportional numbers are used while tabular numbers are used so that columns of numbers line up properly

The font-variant-position property is used to enable typographic subscript and superscript glyphs. These are alternate glyphs designed within the same em-box as default glyphs and are intended to be laid out on the same baseline as the default glyphs, with no resizing or repositioning of the baseline. They are explicitly designed to match the surrounding text and to be more readable without affecting the line height.

The font-weight CSS property specifies the weight or boldness of the font. However, some fonts are not available in all weights; some are available only on normal and bold.

The grid property in CSS is the foundation of Grid Layout.

Lays out one or more grid items bound by 4 grid lines. Shorthand for setting grid-column-start, grid-column-end, grid-row-start, and grid-row-end in a single declaration.

hanges default size of columns. Creates implicit grid tracks when a grid item is placed into a row or column that is not explicitly sized (by grid-template-rows or grid-template-columns). This property (with grid-auto-rows) specifies the default size of such implicitly-created tracks.

Automatically places grid elements into the grid layout if an explicit location is not designated. Designates the direction of the the flow and whether rows or columns must be added to accommodate the element.

Specifies the automatic default location if a grid container does not specify automatic-placement strategy via grid-auto-flow.

Changes default size of grid rows. Creates implicit grid tracks when a grid item is placed into a row that is not explicitly sized (by grid-template-rows ) or when the auto-placement algorithm has generated additional rows. This property (with grid-auto-columns) specifies the size of such implicitly-created tracks.

The grid-columns property specifies the width of each column in the grid.

Determines a grid item's placement by specifying the starting grid lines of a grid item's grid area . A grid item's placement in a grid area consists of a grid position and a grid span.

Controls a grid item's placement in a grid area as well as grid position and a grid span. The grid-column-end property (with grid-row-start, grid-row-end, and grid-column-start) determines a grid item's placement by specifying the grid lines of a grid item's grid area.

Gets or sets a value that indicates which row an element within a Grid should appear in. Shorthand for setting grid-row-start and grid-row-end in a single declaration.

A grid item's placement in a grid area consists of a grid position and a grid span. The grid-row-start property (with grid-row-end, grid-column-start, and grid-column-end) determines a grid item's placement by specifying the grid lines of a grid item's grid area.

Determines a grid item’s placement by specifying the block-end. A grid item's placement in a grid area consists of a grid position and a grid span. The grid-row-end property (with grid-row-start, grid-column-start, and grid-column-end) determines a grid item's placement by specifying the grid lines of a grid item's grid area.

Shorthand for setting grid-template-columns, grid-template-rows, and grid-template-areas in a single declaration.

Specifies named grid areas which are not associated with any particular grid item, but can be referenced from the grid-placement properties. The syntax of the grid-template-areas property also provides a visualization of the structure of the grid, making the overall layout of the grid container easier to understand.

Specifies (with grid-template-columns) the line names and track sizing functions of the grid. Each sizing function can be specified as a length, a percentage of the grid container’s size, a measurement of the contents occupying the column or row, or a fraction of the free space in the grid.

Specifies (with grid-template-rows) the line names and track sizing functions of the grid. Each sizing function can be specified as a length, a percentage of the grid container’s size, a measurement of the contents occupying the column or row, or a fraction of the free space in the grid.

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 hyphens CSS property tells the browser how to go about splitting words to improve the layout of text when line-wrapping.

The icon property provides the author the ability to style an element with an iconic equivalent.

The image-rendering CSS property provides a hint to the user agent about how to handle its image rendering.

The image-resolution property specifies the intrinsic resolution of all raster images used in or on the element. It affects both content images (e.g. replaced elements and generated content) and decorative images (such as 'background-image'). The intrinsic resolution of an image is used to determine the image's intrinsic dimensions.

The image-orientation CSS property describes how to correct the default orientation of an image.

The ime-mode CSS property controls the state of the input method editor for text fields.

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.

The left CSS property specifies part of the position of positioned elements.

The letter-spacing CSS property specifies spacing behavior between text characters.

The ‘lighting-color’ property defines the color of the light source for filter primitives ‘feDiffuseLighting’ and ‘feSpecularLighting’.

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.

The list-style CSS property is a shorthand property for setting list-style-type, list-style-image and list-style-position.

The list-style-image CSS property sets the image that will be used as the list item marker. It is often more convenient to use the shorthand list-style.

The list-style-position CSS property specifies the position of the marker box in the principal block box. It is often more convenient to use the shortcut list-style.

The list-style-type CSS property specifies appearance of a list item element. As it is the only one who defaults to display:list-item, this is usually a <li< element, but can be any element with this display value.

The margin CSS property sets the margin for all four sides. It is a shorthand to avoid setting each side separately with the other margin properties: margin-top, margin-right, margin-bottom and margin-left.

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.

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 margin-right CSS property of an element sets the margin space required on the right side of an element. A negative value is also allowed.

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.

The marks CSS property adds crop and/or cross marks to the presentation of the document. Crop marks indicate where the page should be cut. Cross marks are used to align sheets.

The CSS mask-type properties defines if a SVG <mask> element is a luminance or an alpha mask.

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.

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.

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 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 mix-blend-mode CSS property describes how an element content should blend with the content of the element that is below it and the element's background.

The nav-down property specifies where to navigate when using the arrow-down navigation key.

The nav-index property specifies the sequential navigation order ("tabbing order") for an element.

The nav-left property specifies where to navigate when using the arrow-left navigation key.

The nav-right property specifies where to navigate when using the arrow-right navigation key.

The nav-up property specifies where to navigate when using the arrow-up navigation key.

The ‘object-fit’ property specifies how the contents of a replaced element should be fitted to the box established by its used height and width.

The ‘object-position’ property determines the alignment of the replaced element inside its box

The opacity CSS property specifies the transparency of an element, that is, the degree to which the background behind the element is overlaid.

The CSS order property specifies the order used to lay out flex items in their flex container. Elements are laid out by ascending order of the order value. Elements with the same order value are laid out in the order they appear in the source code.

The orphans CSS property refers to the minimum number of lines in a block container that must be left at the bottom of the page. This property is normally used to control how page breaks occur.

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.

The outline-color CSS property sets the color 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.

The outline-offset CSS property is used to set space between an outline and the edge or border of an element. An outline is a line that is drawn around elements, outside the border edge.

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.

The outline-width CSS property is used to set the width 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:

The overflow CSS property specifies whether to clip content, render scroll bars or display overflow content of a block-level element.

The word-wrap CSS property is used to specify whether or not the browser may break lines within words in order to prevent overflow (in other words, force wrapping) when an otherwise unbreakable string is too long to fit in its containing box.

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-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 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-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.

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.

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.

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.

The page-break-after CSS property adjusts page breaks after the current element.

The page-break-before CSS property adjusts page breaks before the current element.

The page-break-inside CSS property adjusts page breaks inside the current element.

The perspective CSS property determines the distance between the z=0 plane and the user in order to give to the 3D-positioned element some perspective.

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. When this property is unspecified, the same characteristics of the visiblePainted value apply to SVG content.

The position CSS property chooses alternative rules for positioning elements, designed to be useful for scripted animation effects.

The quotes CSS property indicates how user agents should render quotation marks.

The resize CSS property lets you control the resizability of an element.

The right CSS property specifies part of the position of positioned elements.

The table-layout CSS property defines the algorithm to be used to layout the table cells, rows, and columns.

The tab-size CSS property is used to customize the width of a tab (U+0009) character.

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.

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-decoration CSS property is used to set the text formatting to underline, overline, line-through or blink.

The text-decoration-color CSS property sets the color used when drawing underlines, overlines, or strike-throughs specified by text-decoration-line.

The text-decoration-line CSS property sets what kind of line decorations are added to an element.

The text-decoration-style CSS property defines the style of the lines specified by text-decoration-line. The style applies to all lines, there is no way to define different style for each of the line defined by text-decoration-line.

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.

The text-overflow CSS property determines how overflowed content that is not displayed is signaled to the users. It can be clipped, or display an ellipsis ('…', U+2026 HORIZONTAL ELLIPSIS) or a Web author-defined string.

The text-rendering CSS property provides information to the rendering engine about what to optimize for when rendering 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.

The text-transform CSS property specifies how to capitalize an element's text. It can be used to make text appear in all-uppercase or all-lowercase, or with each word capitalized.

The CSS text-underline-position property specifies the position of the underline which is set using the text-decoration property underline value.

The top CSS property specifies part of the position of positioned elements. It has no effect on non-positioned elements.

Determines whether touch input may trigger default behavior supplied by the user agent, such as panning or zooming.

The CSS transform property lets you modify the coordinate space of the CSS visual formatting model. Using it, elements can be translated, rotated, scaled, and skewed according to the values set.

The transform-origin CSS property lets you modify the origin for transformations of an element.

The transform-style CSS property determines if the children of the element are positioned in the 3D-space or are flattened in the plane of the element.

The CSS transition property is a shorthand property for transition-property, transition-duration, transition-timing-function, and transition-delay.

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-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.

The transition-property CSS property is used to specify the names of CSS properties to which a transition effect should be applied.

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.

The unicode-bidi CSS property together with the direction property relates to the handling of bidirectional text in a document.

The unicode-range CSS descriptor sets the specific range of characters to be downloaded from a font defined by @font-face and made available for use on the current page.

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 widows CSS property defines how many minimum lines must be left on top of a new page, on a paged media.

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 will-change property provides a rendering hint to the user agent, stating what kinds of changes the author expects to perform on the element.

The word-break CSS property is used to specify how (or if) to break lines within words.

The word-spacing CSS property specifies spacing behavior between tags and words.

CSS Writing Modes Level 3 defines CSS features to support various international script modes, such as left-to-right (e.g., Latin and Indic), right-to-left (e.g., Hebrew and Arabic), bidirectional (e.g., mixed Latin and Arabic) and vertical (e.g., Asian). This article is about the CSS writing-mode property.

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.

Returns the optional priority, "important". Example: priString= styleObj.getPropertyPriority('color')

Returns the property value. Example: valString= styleObj.getPropertyValue('color')

Returns a property name. Example: nameString= styleObj.item(0) Alternative: nameString= styleObj[0]

Returns the value deleted. Example: valString= styleObj.removeProperty('color')

No return. Example: styleObj.setProperty('color', 'red', 'important')

An object implementing the CSSStyleSheet interface represents a single CSS style sheet.

Returns a CSSRuleList of the CSS rules in the style sheet.

If this style sheet is imported into the document using an @import rule, the ownerRule property will return that CSSImportRule, otherwise it returns null.

Deletes a rule from the style sheet.

is a number representing the position of the rule.

Inserts a new style rule into the current style sheet.

is a DOMString containing the rule to be inserted (selector and declaration). is a unsigned int representing the position to be inserted. The index within the style sheet's rule collection of the newly inserted rule.

The value is a custom value.

The value is inherited and the cssText contains "inherit".

The value is a primitive value and an instance of the CSSPrimitiveValue interface can be obtained by using binding-specific casting methods on this instance of the CSSValue interface.

The value is a CSSValue list and an instance of the CSSValueList interface can be obtained by using binding-specific casting methods on this instance of the CSSValue interface.

A string representation of the current value.

A code defining the type

The browser determines the cursor to display based on the current context. E.g. equivalent to text when hovering text.

Default cursor, typically an arrow.

No cursor is rendered.

A context menu is available under the cursor. Only IE 10 and up have implemented this on Windows

Indicating help is available.

E.g. used when hovering over links, typically a hand.

The program is busy in the background but the user can still interact with the interface (unlike for wait).

The program is busy (sometimes an hourglass or a watch).

Indicating that cells can be selected.

Cross cursor, often used to indicate selection in a bitmap.

Indicating text can be selected, typically an I-beam.

Indicating that vertical text can be selected, typically a sideways I-beam.

Indicating an alias or shortcut is to be created.

Indicating that something can be copied.

The hovered object may be moved.

Cursor showing that a drop is not allowed at the current location.

Cursor showing that something cannot be done.

Cursor showing that something can be scrolled in any direction (panned).

The item/column can be resized horizontally. Often rendered as arrows pointing left and right with a vertical bar separating.

The item/row can be resized vertically. Often rendered as arrows pointing up and down with a horizontal bar separating them.

Some edge is to be moved.

Indicates a bidirectional resize cursor.

Indicates that something can be zoomed (magnified) in or out.

Indicates that something can be grabbed (dragged to be moved).

The initial value of direction (that is, if not otherwise specified). Text and other elements go from left to right.

Text and other elements go from right to left

Turns off the display of an element (it has no effect on layout); all descendant elements also have their display turned off. The document is rendered as though the element did not exist. To render an element box's dimensions, yet have its contents be invisible, see the visibility property.

The element generates one or more inline element boxes.

The element generates a block element box.

The element generates a block box for the content and a separate list-item inline box.

The element generates a block element box that will be flowed with surrounding content as if it were a single inline box (behaving much like a replaced element would)

The inline-table value does not have a direct mapping in HTML. It behaves like a <table> HTML element, but as an inline box, rather than a block-level box. Inside the table box is a block-level context.

Behaves like the <table> HTML element. It defines a block-level box.

Behaves like the <caption> HTML element.

Behaves like the <td> HTML element

These elements behave like the corresponding <col> HTML elements.

These elements behave like the corresponding <colgroup> HTML elements.

These elements behave like the corresponding <tfoot> HTML elements

These elements behave like the corresponding <thead> HTML elements

Behaves like the <tr> HTML element

These elements behave like the corresponding <tbody> HTML elements

The element behaves like a block element and lays out its content according to the flexbox model.

The element behaves like an inline element and lays out its content according to the flexbox model.

The element behaves like a block element and lay out its content according to the grid model.

The element behaves like an inline element and lay out its content according to the grid model.

If this property occurs on a block or inline-block element, then the user agent behavior depends on the value of the 'script' property. If the value of the script property is 'auto', the 'auto' value is equivalent to 'alphabetic' for horizontal 'writing-mode' values and 'central' for vertical 'writing-mode' values. If the value of the script property is other than 'auto', the 'auto' value is equivalent to 'use-script'

The dominant baseline-identifier is set using the computed value of the 'script' property. The 'writing-mode' value, whether horizontal or vertical is used to select the baseline-table that correspond to that baseline-identifier.

The dominant baseline-identifier, the baseline-table and the baseline-table font-size remain the same as that of the parent.

The dominant baseline-identifier and the baseline table remain the same, but the baseline-table font-size is changed to the value of the 'font-size' property on this element. This re-scales the baseline table for the current 'font-size'.

The dominant baseline-identifier is set to the 'alphabetic' baseline.

The dominant baseline-identifier is set to the 'hanging' baseline.

The dominant baseline-identifier is set to the 'ideographic' baseline.

The dominant baseline-identifier is set to the 'mathematical' baseline.

The dominant baseline-identifier is set to be 'central'. The derived baseline-table is constructed from the defined baselines in a baseline-table in the nominal font.

The dominant baseline-identifier is set to be 'middle'. The derived baseline-table is constructed from the defined baselines in a baseline-table in the nominal font.

The dominant baseline-identifier is set to be 'text-after-edge'. The derived baseline-table is constructed from the defined baselines in a baseline-table in the nominal font.

The dominant baseline-identifier is set to be 'text-before-edge'. The derived baseline-table is constructed from the defined baselines in a baseline-table in the nominal font.

The empty-cells CSS property specifies how user agents should render borders and backgrounds around cells that have no visible content.

Is a keyword indicating that borders and backgrounds should be drawn like in a normal cells.

Is a keyword indicating that no border or backgrounds should be drawn.

The flex container's main-axis is defined to be the same as the text direction. The main-start and main-end points are the same as the content direction.

Behaves the same as row but the main-start and main-end points are permuted.

The flex container's main-axis is the same as the block-axis. The main-start and main-end points are the same as the before and after points of the writing-mode.

Behaves the same as column but the main-start and main-end are permuted.

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 flex items are laid out in a single line which may cause the flex container to overflow. The cross-start is either equivalent to start or before depending flex-direction value.

The flex items break into multiple lines. The cross-start is either equivalent to start or before depending flex-direction value and the cross-end is the opposite of the specified cross-start.

Behaves the same as wrap but cross-start and cross-end are permuted.

Is a keyword indicating that the element must not float.

Is a keyword indicating that the element must float on the left side of its containing block.

Is a keyword indicating that the element must float on the right side of its containing block.

Specifies kerning is not applied

Specifies kerning is applied. Fonts that do not include kerning data are unaffected by this setting.

Used to specify kerning is at the discretion of the user agent.

The font-stretch CSS property selects a normal, condensed, or expanded face from a font.

Specifies a normal font face.

Specifies a font face more condensed than normal, with ultra-condensed as the most condensed.

Specifies a font face more expanded than normal, with ultra-expanded as the most expanded.

The font-style CSS property allows italic or oblique faces to be selected within a font-family.

Selects a font that is classified as normal within a font-family

Selects a font that is labeled italic, if that is not available, one labeled oblique

Selects a font that is labeled oblique

This value specifies whether the user agent is allowed to synthesize bold or oblique font faces when a font family lacks bold or italic faces.

user agent is not allowed to synthesize bold or oblique font when not available.

user agent is only allowed to synthesize bold font when not available but not oblique.

user agent is only allowed to synthesize oblique font when not available but not bold.

user agent is allowed to synthesize both bold and oblique.

The font-variant CSS property selects a normal, or small-caps face from a font family. Setting font-variant is also possible by using the font shorthand.

Specifies a normal font face.

Specifies a font that is labeled as a small-caps font. If a small-caps font is not available, Mozilla (Firefox) and other browsers will simulate a small-caps font, i.e. by taking a normal font and replacing the lowercase letters by scaled uppercase characters.

None of the features are enabled.

Enables display of small capitals (OpenType feature: smcp). Small-caps glyphs typically use the form of uppercase letters but are reduced to the size of lowercase letters.

Enables display of small capitals for both upper and lowercase letters (OpenType features: c2sc, smcp).

Enables display of petite capitals (OpenType feature: pcap).

Enables display of petite capitals for both upper and lowercase letters (OpenType features: c2pc, pcap).

Enables display of mixture of small capitals for uppercase letters with normal lowercase letters (OpenType feature: unic).

Enables display of titling capitals (OpenType feature: titl). Uppercase letter glyphs are often designed for use with lowercase letters. When used in all uppercase titling sequences they can appear too strong.

font-variant-ligatures is a CSS property to control ligatures in text.

A value of ‘normal’ specifies that common default features are enabled, as described in detail in the next section. For OpenType fonts, common ligatures and contextual forms are on by default, discretionary and historical ligatures are not.

Specifies that all types of ligatures and contextual forms covered by this property are explicitly disabled. In situations where ligatures are not considered necessary, this may improve the speed of text rendering.

Enables display of common ligatures (OpenType features: liga, clig). For OpenType fonts, common ligatures are enabled by default.

Disables display of common ligatures (OpenType features: liga, clig).

Enables display of discretionary ligatures (OpenType feature: dlig). Which ligatures are discretionary or optional is decided by the type designer, so authors will need to refer to the documentation of a given font to understand which ligatures are considered discretionary.

Disables display of discretionary ligatures (OpenType feature: dlig).

Enables display of historical ligatures (OpenType feature: hlig).

Disables display of historical ligatures (OpenType feature: hlig).

Enables display of contextual alternates (OpenType feature: calt). Although not strictly a ligature feature, like ligatures this feature is commonly used to harmonize the shapes of glyphs with the surrounding context. For OpenType fonts, this feature is on by default.

Disables display of contextual alternates (OpenType feature: calt).

None of the features are enabled.

Enables display of subscript variants (OpenType feature: subs).

Enables display of superscript variants (OpenType feature: sups).

Causes auto-placed grid items to be placed according to the grid-auto-position property, rather than using the auto-placement algorithm.

Fills each row in turn, adding new rows as necessary.

Fills each column in turn, adding new columns as necessary.

Uses a "dense" packing algorithm approach to fill in holes in the grid as smaller items appear.

Permanently skips cells that are not filled with the current item. The default auto-pacement algorithm packing approach.

HTML Colors

rgb( 0, 0, 0)

rgb(192, 192, 192)

rgb(128, 128, 128)

rgb(255, 255, 255)

rgb(128, 0, 0)

rgb(255, 0, 0)

rgb(128, 0, 128)

rgb(102, 51, 153)

rgb(255, 0, 255)

rgb( 0, 128, 0)

rgb( 0, 255, 0)

rgb(128, 128, 0)

rgb(255, 255, 0)

rgb( 0, 0, 128)

rgb( 0, 0, 255)

rgb( 0, 128, 128)

rgb( 0, 255, 255)

rgb(255, 165, 0)

rgb(240, 248, 255)

rgb(250, 235, 215)

rgb(127, 255, 212)

rgb(240, 255, 255)

rgb(245, 245, 220)

rgb(255, 228, 196)

rgb(255, 235, 205)

rgb(138, 43, 226)

rgb(165, 42, 42)

rgb(222, 184, 135)

rgb( 95, 158, 160)

rgb(127, 255, 0)

rgb(210, 105, 30)

rgb(255, 127, 80)

rgb(100, 149, 237)

rgb(255, 248, 220)

rgb(220, 20, 60)

rgb(0, 255, 255)

rgb( 0, 0, 139)

rgb( 0, 139, 139)

rgb(184, 134, 11)

rgb(169, 169, 169)

rgb( 0, 100, 0)

rgb(169, 169, 169)

rgb(189, 183, 107)

rgb(139, 0, 139)

rgb( 85, 107, 47)

rgb(255, 140, 0)

rgb(153, 50, 204)

rgb(139, 0, 0)

rgb(233, 150, 122)

rgb(143, 188, 143)

rgb( 72, 61, 139)

rgb( 47, 79, 79)

rgb( 0, 206, 209)

rgb(148, 0, 211)

rgb(255, 20, 147)

rgb( 0, 191, 255)

rgb(105, 105, 105)

rgb( 30, 144, 255)

rgb(178, 34, 34)

rgb(255, 250, 240)

rgb( 34, 139, 34)

rgb(220, 220, 220)

rgb(248, 248, 255)

rgb(255, 215, 0)

rgb(218, 165, 32)

rgb(173, 255, 47)

rgb(128, 128, 128)

rgb(240, 255, 240)

rgb(255, 105, 180)

rgb(205, 92, 92)

rgb( 75, 0, 130)

rgb(255, 255, 240)

rgb(240, 230, 140)

rgb(230, 230, 250)

rgb(255, 240, 245)

rgb(124, 252, 0)

rgb(255, 250, 205)

rgb(173, 216, 230)

rgb(240, 128, 128)

rgb(224, 255, 255)

rgb(250, 250, 210)

rgb(211, 211, 211)

rgb(144, 238, 144)

rgb(255, 182, 193)

rgb(255, 160, 122)

rgb( 32, 178, 170)

rgb(135, 206, 250)

rgb(119, 136, 153)

rgb(176, 196, 222)

rgb(255, 255, 224)

rgb( 50, 205, 50)

rgb(250, 240, 230)

rgb(255, 0, 255)

rgb(102, 205, 170)

rgb( 0, 0, 205)

rgb(186, 85, 211)

rgb(147, 112, 219)

rgb( 60, 179, 113)

rgb(123, 104, 238)

rgb( 0, 250, 154)

rgb( 72, 209, 204)

rgb(199, 21, 133)

rgb( 25, 25, 112)

rgb(245, 255, 250)

rgb(255, 228, 225)

rgb(255, 228, 181)

rgb(255, 222, 173)

rgb(253, 245, 230)

rgb(107, 142, 35)

rgb(255, 69, 0)

rgb(218, 112, 214)

rgb(238, 232, 170)

rgb(152, 251, 152)

rgb(175, 238, 238)

rgb(219, 112, 147)

rgb(255, 239, 213)

rgb(255, 218, 185)

rgb(205, 133, 63)

rgb(255, 192, 203)

rgb(221, 160, 221)

rgb(176, 224, 230)

rgb(188, 143, 143)

rgb( 65, 105, 225)

rgb(139, 69, 19)

rgb(250, 128, 114)

rgb(244, 164, 96)

rgb( 46, 139, 87)

rgb(255, 245, 238)

rgb(160, 82, 45)

rgb(135, 206, 235)

rgb(106, 90, 205)

rgb(112, 128, 144)

rgb(255, 250, 250)

rgb( 0, 255, 127)

rgb( 70, 130, 180)

rgb(210, 180, 140)

rgb(216, 191, 216)

rgb(255, 99, 71)

rgb( 64, 224, 208)

rgb(238, 130, 238)

rgb(245, 222, 179)

rgb(245, 245, 245)

rgb(154, 205, 50)

The hyphens CSS property tells the browser how to go about splitting words to improve the layout of text when line-wrapping.

Words are not broken at line breaks, even if characters inside the words suggest line break points. Lines will only wrap at whitespace.

Words are broken for line-wrapping only where characters inside the word suggest line break opportunities. See Suggesting line break opportunities for details.

The browser is free to automatically break words at appropriate hyphenation points, following whatever rules it chooses to use. Suggested line break opportunities, as covered in Suggesting line break opportunities, should be preferred over automatically selecting break points whenever possible.

The image-rendering CSS property provides a hint to the user agent about how to handle its image rendering.

Default value, the image should be scaled with an algorithm that maximizes the appearance of the image. In particular, scaling algorithms that "smooth" colors are acceptable, such as bilinear interpolation. This is intended for images such as photos. Since version 1.9 (Firefox 3.0), Gecko uses bilinear resampling (high quality).

When scaling the image up, the "nearest neighbor" or similar algorithm must be used, so that the image appears to be simply composed of very large pixels. When scaling down, this is the same as 'auto'.

The ime-mode CSS property controls the state of the input method editor for text fields.

No change is made to the current input method editor state. This is the default.

The IME state should be normal; this value can be used in a user style sheet to override the page setting. This value is not supported by Internet Explorer.

The input method editor is initially active; text entry is performed using it unless the user specifically dismisses it. Not supported on Linux.

The input method editor is initially inactive, but the user may activate it if they wish. Not supported on Linux.

The input method editor is disabled and may not be activated by the user.

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.

The flex items are packed starting from the main-start. Margins of the first flex item is flushed with the main-start edge of the line and each following flex item is flushed with the preceding.

The flex items are packed starting from the main-end. The margin edge of the last flex item is flushed with the main-end edge of the line and each preceding flex item is flushed with the following.

The flex items are packed toward the center of the line. The flex items are flushed with each other and aligned in the center of the line. Space between the main-start edge of the line and first item and between main-end and the last item of the line is the same.

Flex items are evenly distributed along the line. The spacing is done such as the space between two adjacent items is the same. Main-start edge and main-end edge are flushed with respectively first and last flex item edges.

Flex items are evenly distributed so that the space between two adjacent items is the same. The empty space before the first and after the last items equals half of the space between two adjacent items.

The list-style-position CSS property specifies the position of the marker box in the principal block box. It is often more convenient to use the shortcut list-style.

The marker box is outside the principal block box.

The marker box is the first inline box in the principal block box, after which the element's content flows.

The list-style-type CSS property specifies appearance of a list item element. As it is the only one who defaults to display:list-item, this is usually a <li> element, but can be any element with this display value.

The CSS mask-type properties defines if a SVG <mask> element is a luminance or an alpha mask.

Is a keyword indicating that the associated <mask> is a luminance mask, that is that its relative luminance values must be used when applying it.

Is a keyword indicating that the associated <mask> is an alpha mask, that is that its alpha channel values must be used when applying it.

The ‘object-fit’ property specifies how the contents of a replaced element should be fitted to the box established by its used height and width.

The replaced content is sized to fill the element's content box: the object's concrete object size is the element's used width and height.

The replaced content is sized to maintain its aspect ratio while fitting within the element's content box: its concrete object size is resolved as a contain constraint against the element's used width and height.

The replaced content is sized to maintain its aspect ratio while filling the element's entire content box: its concrete object size is resolved as a cover constraint against the element's used width and height.

The replaced content is not resized to fit inside the element's content box: determine the object's concrete object size using the default sizing algorithm with no specified size, and a default object size equal to the replaced element's used width and height.

The overflow CSS property specifies whether to clip content, render scroll bars or display overflow content of a block-level element.

Default value. Content is not clipped, it may be rendered outside the content box.

The content is clipped and no scrollbars are provided.

The content is clipped and desktop browsers use scrollbars, whether or not any content is clipped. This avoids any problem with scrollbars appearing and disappearing in a dynamic environment. Printers may print overflowing content.

Depends on the user agent. Desktop browsers like Firefox provide scrollbars if content overflows.

Indicates that lines may only break at normal word break points.

Indicates that normally unbreakable words may be broken at arbitrary points if there are no otherwise acceptable break points in the line.

The page-break-after CSS property adjusts page breaks after/before the current element.

Initial value. Automatic page breaks (neither forced nor forbidden).

Always force page breaks after the element.

Avoid page breaks after the element.

Force page breaks after the element so that the next page is formatted as a left page.

Force page breaks after the element so that the next page is formatted as a right page.

The page-break-inside CSS property adjusts page breaks inside the current element.

Initial value. Automatic page breaks (neither forced nor forbidden).

Avoid page breaks after the element.

The element behaves as it would if the pointer-events property was not specified. In SVG content, this value and the value visiblePainted have the same effect.

The element is never the target of mouse events; however, mouse events may target its descendant elements if those descendants have pointer-events set to some other value. In these circumstances, mouse events will trigger event listeners on this parent element as appropriate on their way to/from the descendant during the event capture/bubble phases.

SVG only. The element can only be the target of a mouse event when the visibility property is set to visible and when the mouse cursor is over the interior (i.e., 'fill') of the element and the fill property is set to a value other than none, or when the mouse cursor is over the perimeter (i.e., 'stroke') of the element and the stroke property is set to a value other than none.

SVG only. The element can only be the target of a mouse event when the visibility property is set to visible and when the mouse cursor is over the interior (i.e., fill) of the element. The value of the fill property does not effect event processing.

SVG only. The element can only be the target of a mouse event when the visibility property is set to visible and when the mouse cursor is over the perimeter (i.e., stroke) of the element. The value of the stroke property does not effect event processing.

SVG only. The element can be the target of a mouse event when the visibility property is set to visible and the mouse cursor is over either the interior (i.e., fill) or the perimeter (i.e., stroke) of the element. The values of the fill and stroke do not effect event processing.

SVG only. The element can only be the target of a mouse event when the mouse cursor is over the interior (i.e., 'fill') of the element and the fill property is set to a value other than none, or when the mouse cursor is over the perimeter (i.e., 'stroke') of the element and the stroke property is set to a value other than none. The value of the visibility property does not effect event processing.

SVG only. The element can only be the target of a mouse event when the pointer is over the interior (i.e., fill) of the element. The values of the fill and visibility properties do not effect event processing.

SVG only. The element can only be the target of a mouse event when the pointer is over the perimeter (i.e., stroke) of the element. The values of the stroke and visibility properties do not effect event processing.

SVG only. The element can only be the target of a mouse event when the pointer is over the interior (i.e., fill) or the perimeter (i.e., stroke) of the element. The values of the fill, stroke and visibility properties do not effect event processing.

The position CSS property chooses alternative rules for positioning elements, designed to be useful for scripted animation effects.

This keyword let the element use the normal behavior, that is it is laid out in its current position in the flow. The top, right, bottom, and left properties do not apply.

This keyword lays out all elements as though the element were not positioned, and then adjust the element's position, without changing layout (and thus leaving a gap for the element where it would have been had it not been positioned). The effect of position:relative on table-*-group, table-row, table-column, table-cell, and table-caption elements is undefined.

Do not leave space for the element. Instead, position it at a specified position relative to its closest positioned ancestor or to the containing block. Absolutely positioned boxes can have margins, they do not collapse with any other margins.

Do not leave space for the element. Instead, position it at a specified position relative to the screen's viewport and doesn't move when scrolled. When printing, position it at that fixed position on every page.

The box position is calculated according to the normal flow (this is called the position in normal flow). Then the box is offset relative to its flow root and containing block and in all cases, including table elements, does not affect the position of any following boxes. When a box B is stickily positioned, the position of the following box is calculated as though B were not offset. The effect of ‘position: sticky’ on table elements is the same as for ‘position: relative’.

The resize CSS property lets you control the resizability of an element.

The element offers no user-controllable method for resizing the element.

The element displays a mechanism for allowing the user to resize the element, which may be resized both horizontally and vertically.

The element displays a mechanism for allowing the user to resize the element, which may only be resized horizontally.

The element displays a mechanism for allowing the user to resize the element, which may only be resized vertically.

An object implementing the StyleSheet interface represents a single style sheet. CSS style sheets will further implement the more specialized CSSStyleSheet interface.

Is a Boolean representing whether the current stylesheet has been applied or not.

Returns a DOMString representing the location of the stylesheet.

Returns a StyleSheet including this one, if any; returns null if there aren't any.

Returns a DOMString representing the advisory title of the current style sheet.

Returns a DOMString representing the style sheet language for this style sheet.

The StyleSheetList interface provides the abstraction of an ordered collection of style sheets. The items in the StyleSheetList are accessible via an integral index, starting from 0.

The table-layout CSS property defines the algorithm to be used to layout the table cells, rows, and columns.

An automatic table layout algorithm is commonly used by most browsers for table layout. The width of the table and its cells depends on the content thereof.

Table and column widths are set by the widths of table and col elements or by the width of the first row of cells. Cells in subsequent rows do not affect column widths.

The same as left if direction is left-to-right and right if direction is right-to-left.

The same as right if direction is left-to-right and left if direction is right-to-left.

The inline contents are aligned to the left edge of the line box.

The inline contents are aligned to the right edge of the line box.

The inline contents are centered within the line box.

The text is justified. Text should line up their left and right edges to the left and right content edges of the paragraph.

Similar to inherit with the difference that the value start and end are calculated according the parent's direction and are replaced by the adequate left or right value.

The text-decoration CSS property is used to set the text formatting to underline, overline, line-through or blink.

Produces no text decoration.

Each line of text is underlined.

Each line of text has a line above it.

Each line of text has a line through the middle.

The text-decoration-line CSS property sets what kind of line decorations are added to an element.

Produces no text decoration.

Each line of text is underlined.

Each line of text has a line above it.

Each line of text has a line through the middle.

The text blinks (alternates between visible and invisible). Conforming user agents may simply not blink the text. This value is deprecated in favor of Animations.

Draws a single line

Draws a double line

Draws a dotted line

Draws a dashed line

Draws a wavy line

This keyword value indicates to truncate the text at the limit of the content area, therefore the truncation can happen in the middle of a character. To truncate at the transition between two characters, the empty string value ('') must be used. The value clip is the default for this property.

This keyword value indicates to display an ellipsis ('…', U+2026 HORIZONTAL ELLIPSIS) to represent clipped text. The ellipsis is displayed inside the content area, decreasing the amount of text displayed. If there is not enough space to display the ellipsis, it is clipped.

The text-rendering CSS property provides information to the rendering engine about what to optimize for when rendering text.

The browser makes educated guesses about when to optimize for speed, legibility, and geometric precision while drawing text. For differences in how this value is interpreted by the browser, see the compatibility table.

The browser emphasizes rendering speed over legibility and geometric precision when drawing text. It disables kerning and ligatures.

The browser emphasizes legibility over rendering speed and geometric precision. This enables kerning and optional ligatures.

The browser emphasizes geometric precision over rendering speed and legibility. Certain aspects of fonts—such as kerning—don't scale linearly, so geometricPrecision can make text using those fonts look good.

The text-transform CSS property specifies how to capitalize an element's text. It can be used to make text appear in all-uppercase or all-lowercase, or with each word capitalized.

Is a keyword forcing the first letter of each word to be converted to uppercase.

Is a keyword forcing all characters to be converted to uppercase.

Is a keyword forcing all characters to be converted to lowercase.

Is a keyword preventing the case of all characters to be changed.

Is a keyword forcing the writing of a character, mainly ideograms and latin scripts inside a square, allowing them to be aligned in the usual East Asian scripts (like Chinese or Japanese).

The CSS text-underline-position property specifies the position of the underline which is set using the text-decoration property underline value.

This keyword allows the browser to use an algorithm to choose between under and alphabetic.

This keyword forces the line to be set below the alphabetic baseline, at a position where it won't cross any descender. This is useful to prevent chemical or mathematical formulas, which make a large use of subscripts, to be illegible.

In vertical writing-modes, this keyword forces the line to be placed on the left of the characters. In horizontal writing-modes, it is a synonym of under.

In vertical writing-modes, this keyword forces the line to be placed on the right of the characters. In horizontal writing-modes, it is a synonym of under.

The CSS animation-timing-function property specifies how a CSS animation should progress over the duration of each cycle.

Determines whether touch input may trigger default behavior supplied by the user agent, such as panning or zooming.

The user agent MAY determine any permitted touch behaviors, such as panning and zooming manipulations of the viewport, for touches that begin on the element.

Touches that begin on the element MUST NOT trigger default touch behaviors.

The user agent MAY consider touches that begin on the element only for the purposes of horizontally scrolling the element's nearest ancestor with horizontally scrollable content.

The user agent MAY consider touches that begin on the element only for the purposes of vertically scrolling the element's nearest ancestor with vertically scrollable content.

The transform-style CSS property determines if the children of the element are positioned in the 3D-space or are flattened in the plane of the element.

Indicates that the children of the element should be positioned in the 3D-space.

Indicates that the children of the element are lying in the plane of the element itself.

The unicode-bidi CSS property together with the direction property relates to the handling of bidirectional text in a document.

The element does not offer a additional level of embedding with respect to the bidirectional algorithm. For inline elements implicit reordering works across element boundaries.

If the element is inline, this value opens an additional level of embedding with respect to the bidirectional algorithm. The direction of this embedding level is given by the direction property.

For inline elements this creates an override. For block container elements this creates an override for inline-level descendants not within another block container element. This means that inside the element, reordering is strictly in sequence according to the direction property; the implicit part of the bidirectional algorithm is ignored.

This keyword indicates that the element's container directionality should be calculated without considering the content of this element. The element is therefore isolated from its siblings. When applying its bidirectional-resolution algorithm, its container element treats it as one or several U+FFFC Object Replacement Character, i.e. like an image.

This keyword applies the isolation behavior of the isolate keyword to the surrounding content and the override behavior of the bidi-override keyword to the inner content.

This keyword makes the elements directionality calculated without considering its parent bidirectional state or the value of the direction property. The directionality is calculated using the P2 and P3 rules of the Unicode Bidirectional Algorithm. This value allows to display data which has already formatted using a tool following the Unicode Bidirectional Algorithm.

The vertical-align CSS property specifies the vertical alignment of an inline or table-cell box.

Aligns the baseline of the element with the baseline of its parent. The baseline of some replaced elements, like textarea is not specified by the HTML specification, meaning that their behavior with this keyword may change from one browser to the other.

Aligns the baseline of the element with the subscript-baseline of its parent.

Aligns the baseline of the element with the superscript-baseline of its parent.

Aligns the top of the element with the top of the parent element's font.

Aligns the bottom of the element with the bottom of the parent element's font.

Aligns the middle of the element with the middle of lowercase letters in the parent.

Align the top of the element and its descendants with the top of the entire line.

Align the bottom of the element and its descendants with the bottom of the entire line.

Default value, the box is visible.

The box is invisible (fully transparent, nothing is drawn), but still affects layout. Descendants of the element will be visible if they have visibility:visible (this doesn't work in IE up to version 7).

For table rows, columns, column groups, and row groups the row(s) or column(s) are hidden and the space they would have occupied is removed (as if display: none were applied to the column/row of the table). However, the size of other rows and columns is still calculated as though the cells in the collapsed row(s) or column(s) are present. This was designed for fast removal of a row/column from a table without having to recalculate widths and heights for every portion of the table. For XUL elements, the computed size of the element is always zero, regardless of other styles that would normally affect the size, although margins still take effect. For other elements, collapse is treated the same as hidden.

The white-space CSS property is used to to describe how whitespace inside the element is handled.

Sequences of whitespace are collapsed. Newline characters in the source are handled as other whitespace. Breaks lines as necessary to fill line boxes.

Collapses whitespace as for normal, but suppresses line breaks (text wrapping) within text.

Sequences of whitespace are preserved, lines are only broken at newline characters in the source and at br elements.

Sequences of whitespace are preserved. Lines are broken at newline characters, at br, and as necessary to fill line boxes.

Sequences of whitespace are collapsed. Lines are broken at newline characters, at <br>, and as necessary to fill line boxes.

The word-break CSS property is used to specify how (or if) to break lines within words.

Use the default line break rule.

Word breaks may be inserted between any character for non-CJK (Chinese/Japanese/Korean) text.

Don't allow word breaks for CJK text. Non-CJK text behavior is same as normal.

Indicates that lines may only break at normal word break points.

Indicates that normally unbreakable words may be broken at arbitrary points if there are no otherwise acceptable break points in the line.

Indicates that lines may only break at normal word break points.

Content flows horizontally from right to left, vertically from top to bottom. The next horizontal line is positioned below the previous line.

Content flows vertically from top to bottom, horizontally from left to right. The next vertical line is positioned to the right of the previous line. For SVG1 documents only, use the deprecated value tb-lr.

Content flows vertically from top to bottom, horizontally from right to left. The next vertical line is positioned to the left of the previous line. For SVG1 documents only, use the deprecated value tb or tb-rl.

Content flows vertically from bottom to top, horizontally right to left. The next vertical line is positioned to the left of the previous line.

Content flows vertically from bottom to top, horizontally left to right. The next vertical line is positioned to the right of the previous line.

Content flows horizontally from left to right, vertically from bottom to top. The next horizontal line is positioned above the previous line.

Content flows horizontally from right to left, vertically from bottom to top. The next horizontal line is positioned above the previous line.

Each web page loaded in the browser has its own document object. The Document interface serves as an entry point to the web page's content (the DOM tree, including elements such as body and table) and provides functionality global to the document (such as obtaining the page's URL and creating new elements in the document).

The method registers the specified listener on the EventTarget it's called on. The event target may be an Element in a document, the Document itself, a Window, or any other object that supports events.

A string representing the event type to listen for. The object that receives a notification when an event of the specified type occurs. This must be an object implementing the EventListener interface, or simply a JavaScript function.

Dispatches the specified event to the current element. To create an event object use the createEvent method in Firefox, Opera, Google Chrome, Safari and Internet Explorer from version 9. After the new event is created, initialize it first (for details, see the page for the createEvent method). When the event is initialized, it is ready for dispatching.

Required. Reference to an event object to be dispatched. Boolean that indicates whether the default action of the event was not canceled.

Removes the event listener previously registered with EventTarget.addEventListener.

A string representing the event type being removed. The listener parameter indicates the EventListener function to be removed.

Removes the event listener previously registered with EventTarget.addEventListener.

A string representing the event type being removed. The listener parameter indicates the EventListener function to be removed. Specifies whether the EventListener being removed was registered as a capturing listener or not. If not specified, useCapture defaults to false.