diff --git a/files/ru/web/css/animation-fill-mode/index.md b/files/ru/web/css/animation-fill-mode/index.md index f2733629359516..67944a4b6a9539 100644 --- a/files/ru/web/css/animation-fill-mode/index.md +++ b/files/ru/web/css/animation-fill-mode/index.md @@ -31,19 +31,27 @@ animation-fill-mode: both, forwards, none; - `none` - : Стили анимации не будут применены к элементу до и после её выполнения. - `forwards` - - | : По окончании анимации элемент сохранит стили последнего ключевого кадра, который определяется значениями {{cssxref("animation-direction")}} и {{cssxref("animation-iteration-count")}}: | `animation-direction` | `animation-iteration-count` | последний ключевой кадр | - | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------- | --------------------------- | ----------------------- | - | `normal` | любое | `100%` или `to` | - | `reverse` | любое | `0%` или `from` | - | `alternate` | чётное | `0%` или `from` | - | `alternate` | нечётное | `100%` или `to` | - | `alternate-reverse` | чётное | `100%` или `to` | - | `alternate-reverse` | нечётное | `0%` или `from` | + + - : По окончании анимации элемент сохранит стили последнего ключевого кадра, который определяется значениями {{cssxref("animation-direction")}} и {{cssxref("animation-iteration-count")}}: + + | `animation-direction` | `animation-iteration-count` | последний ключевой кадр | + | --------------------- | --------------------------- | ----------------------- | + | `normal` | любое | `100%` или `to` | + | `reverse` | любое | `0%` или `from` | + | `alternate` | чётное | `0%` или `from` | + | `alternate` | нечётное | `100%` или `to` | + | `alternate-reverse` | чётное | `100%` или `to` | + | `alternate-reverse` | нечётное | `0%` или `from` | + - `backwards` - - | : Элемент сохранит стиль первого [ключевого кадра](/ru/docs/CSS/@keyframes) на протяжении периода {{cssxref("animation-delay")}}. Первый ключевой кадр определяется значением {{cssxref("animation-direction")}}: | `animation-direction` | первый ключевой кадр | - | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------- | -------------------- | - | `normal` или `alternate` | `0%` или `from` | - | `reverse` или `alternate-reverse` | `100%` или `to` | + + - : Элемент сохранит стиль первого [ключевого кадра](/ru/docs/CSS/@keyframes) на протяжении периода {{cssxref("animation-delay")}}. Первый ключевой кадр определяется значением {{cssxref("animation-direction")}}: + + | `animation-direction` | первый ключевой кадр | + | --------------------------------- | -------------------- | + | `normal` или `alternate` | `0%` или `from` | + | `reverse` или `alternate-reverse` | `100%` или `to` | + - `both` - : Анимация будет вести себя так, как будто значения forwards и backwards заданы одновременно. diff --git a/files/ru/web/css/attr/index.md b/files/ru/web/css/attr/index.md index 563d3a14c6fe67..1e2ea729fedf91 100644 --- a/files/ru/web/css/attr/index.md +++ b/files/ru/web/css/attr/index.md @@ -35,22 +35,93 @@ attr(data-something, 'default'); - `attribute-name` - : Название атрибута элемента HTML, на который ссылаемся в CSS. - `` {{Experimental_Inline}} - - | : Является ключевым словом, представляющим либо тип значения атрибута, либо его единицу, так как в HTML некоторые атрибуты имеют неявные единицы. Если использование `` в качестве значения для данного атрибута недопустимо, выражение `attr()` также будет недопустимым. Если этот параметр опущен, по умолчанию используется `string` . Список допустимых значений: | Ключевое слово | Тип | Комментарий | Значение по умолчанию | - | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------- | --------------------- | - | `string` | {{cssxref("<string>")}} | The attribute value is treated as a CSS {{cssxref("<string>")}}. It is NOT reparsed, and in particular the characters are used as-is instead of CSS escapes being turned into different characters. | An empty string | - | `color` {{experimental_inline}} | {{cssxref("<color>")}} | The attribute value is parsed as a hash (3- or 6-value hash) or a keyword. It must be a valid CSS {{cssxref("<string>")}} value. Leading and trailing spaces are stripped. | `currentColor` | - | `url` {{experimental_inline}} | {{cssxref("<url>")}} | The attribute value is parsed as a string that is used inside a CSS `url()` function. Relative URL are resolved relatively to the original document, not relatively to the style sheet. Leading and trailing spaces are stripped. | The url `about:invalid` that points to a non-existent document with a generic error condition. | - | `integer` {{experimental_inline}} | {{cssxref("<integer>")}} | The attribute value is parsed as a CSS {{cssxref("<integer>")}}. If it is not valid, that is not an integer or out of the range accepted by the CSS property, the default value is used. Leading and trailing spaces are stripped. | `0`, or, if `0` is not a valid value for the property, the property's minimum value. | - | `number` {{experimental_inline}} | {{cssxref("<number>")}} | The attribute value is parsed as a CSS {{cssxref("<number>")}}. If it is not valid, that is not a number or out of the range accepted by the CSS property, the default value is used. Leading and trailing spaces are stripped. | `0`, or, if `0` is not a valid value for the property, the property's minimum value. | - | `length` {{experimental_inline}} | {{cssxref("<length>")}} | The attribute value is parsed as a CSS {{cssxref("<length>")}} dimension, that is including the unit (e.g. `12.5em`). If it is not valid, that is not a length or out of the range accepted by the CSS property, the default value is used. If the given unit is a relative length, `attr()` computes it to an absolute length. Leading and trailing spaces are stripped. | `0`, or, if `0` is not a valid value for the property, the property's minimum value. | - | `em`, `ex`, `px`, `rem`, `vw`, `vh`, `vmin`, `vmax`, `mm`, `cm`, `in`, `pt`, or `pc` {{experimental_inline}} | {{cssxref("<length>")}} | The attribute value is parsed as a CSS {{cssxref("<number>")}}, that is without the unit (e.g. `12.5`), and interpreted as a {{cssxref("<length>")}} with the specified unit. If it is not valid, that is not a number or out of the range accepted by the CSS property, the default value is used. If the given unit is a relative length, `attr()` computes it to an absolute length. Leading and trailing spaces are stripped. | `0`, or, if `0` is not a valid value for the property, the property's minimum value. | - | `angle` {{experimental_inline}} | {{cssxref("<angle>")}} | The attribute value is parsed as a CSS {{cssxref("<angle>")}} dimension, that is including the unit (e.g. `30.5deg`). If it is not valid, that is not an angle or out of the range accepted by the CSS property, the default value is used. Leading and trailing spaces are stripped. | `0deg`, or, if `0deg` is not a valid value for the property, the property's minimum value. | - | `deg`, `grad`, `rad` {{experimental_inline}} | {{cssxref("<angle>")}} | The attribute value is parsed as a CSS {{cssxref("<number>")}}, that is without the unit (e.g. `12.5`), and interpreted as an {{cssxref("<angle>")}} with the specified unit. If it is not valid, that is not a number or out of the range accepted by the CSS property, the default value is used. Leading and trailing spaces are stripped. | `0deg`, or, if `0deg` is not a valid value for the property, the property's minimum value. | - | `time` {{experimental_inline}} | {{cssxref("<time>")}} | The attribute value is parsed as a CSS {{cssxref("<time>")}} dimension, that is including the unit (e.g. `30.5ms`). If it is not valid, that is not a time or out of the range accepted by the CSS property, the default value is used. Leading and trailing spaces are stripped. | `0s`, or, if `0s` is not a valid value for the property, the property's minimum value. | - | `s`, `ms` {{experimental_inline}} | {{cssxref("<time>")}} | The attribute value is parsed as a CSS {{cssxref("<number>")}}, that is without the unit (e.g. `12.5`), and interpreted as an{{cssxref("<time>")}} with the specified unit. If it is not valid, that is not a number or out of the range accepted by the CSS property, the default value is used. Leading and trailing spaces are stripped. | `0s`, or, if `0s` is not a valid value for the property, the property's minimum value. | - | `frequency` {{experimental_inline}} | {{cssxref("<frequency>")}} | The attribute value is parsed as a CSS {{cssxref("<frequency>")}} dimension, that is including the unit (e.g. `30.5kHz`). If it is not valid, that is not a frequency or out of the range accepted by the CSS property, the default value is used. | `0Hz`, or, if `0Hz` is not a valid value for the property, the property's minimum value. | - | `Hz`, `kHz` {{experimental_inline}} | {{cssxref("<frequency>")}} | The attribute value is parsed as a CSS {{cssxref("<number>")}}, that is without the unit (e.g. `12.5`), and interpreted as a {{cssxref("<frequency>")}} with the specified unit. If it is not valid, that is not a number or out of the range accepted by the CSS property, the default value is used. Leading and trailing spaces are stripped. | `0Hz`, or, if `0Hz` is not a valid value for the property, the property's minimum value. | - | `%` {{experimental_inline}} | {{cssxref("<percentage>")}} | The attribute value is parsed as a CSS {{cssxref("<number>")}}, that is without the unit (e.g. `12.5`), and interpreted as a {{cssxref("<percentage>")}}. If it is not valid, that is not a number or out of the range accepted by the CSS property, the default value is used. If the given value is used as a length, `attr()` computes it to an absolute length. Leading and trailing spaces are stripped. | `0%`, or, if `0%` is not a valid value for the property, the property's minimum value. | + + - : Является ключевым словом, представляющим либо тип значения атрибута, либо его единицу, так как в HTML некоторые атрибуты имеют неявные единицы. Если использование `` в качестве значения для данного атрибута недопустимо, выражение `attr()` также будет недопустимым. Если этот параметр опущен, по умолчанию используется `string`. Список допустимых значений: + + - `string` + + - : The attribute value is treated as a CSS {{cssxref("<string>")}}. It is NOT reparsed, and in particular the characters are used as-is instead of CSS escapes being turned into different + + Значение по умолчанию: An empty string + + - `color` {{experimental_inline}} + + - : The attribute value is parsed as a hash (3- or 6-value hash) or a keyword. It must be a valid CSS {{cssxref("<string>")}} value. Leading and trailing spaces are stripped. + + Значение по умолчанию: `currentColor` + + - `url` {{experimental_inline}} + + - : The attribute value is parsed as a string that is used inside a CSS `url()` function. Relative URL are resolved relatively to the original document, not relatively to the style sheet. Leading and trailing spaces are stripped. + + Значение по умолчанию: The url `about:invalid` that points to a non-existent document with a generic error condition. + + - `integer` {{experimental_inline}} + + - : The attribute value is parsed as a CSS {{cssxref("<integer>")}}. If it is not valid, that is not an integer or out of the range accepted by the CSS property, the default value is used. Leading and trailing spaces are stripped. + + Значение по умолчанию: `0`, or, if `0` is not a valid value for the property, the property's minimum value. + + - `number` {{experimental_inline}} + + - : The attribute value is parsed as a CSS {{cssxref("<number>")}}. If it is not valid, that is not a number or out of the range accepted by the CSS property, the default value is used. Leading and trailing spaces are stripped. + + Значение по умолчанию: `0`, or, if `0` is not a valid value for the property, the property's minimum value. + + - `length` {{experimental_inline}} + + - : The attribute value is parsed as a CSS {{cssxref("<length>")}} dimension, that is including the unit (e.g. `12.5em`). If it is not valid, that is not a length or out of the range accepted by the CSS property, the default value is used. If the given unit is a relative length, `attr()` computes it to an absolute length. Leading and trailing spaces are stripped. + + Значение по умолчанию: `0`, or, if `0` is not a valid value for the property, the property's minimum value. + + - `em`, `ex`, `px`, `rem`, `vw`, `vh`, `vmin`, `vmax`, `mm`, `cm`, `in`, `pt`, or `pc` {{experimental_inline}} + + - : The attribute value is parsed as a CSS {{cssxref("<number>")}}, that is without the unit (e.g. `12.5`), and interpreted as a {{cssxref("<length>")}} with the specified unit. If it is not valid, that is not a number or out of the range accepted by the CSS property, the default value is used. If the given unit is a relative length, `attr()` computes it to an absolute length. Leading and trailing spaces are stripped. + + Значение по умолчанию: `0`, or, if `0` is not a valid value for the property, the property's minimum value. + + - `angle` {{experimental_inline}} + + - : The attribute value is parsed as a CSS {{cssxref("<angle>")}} dimension, that is including the unit (e.g. `30.5deg`). If it is not valid, that is not an angle or out of the range accepted by the CSS property, the default value is used. Leading and trailing spaces are stripped. + + Значение по умолчанию: `0deg`, or, if `0deg` is not a valid value for the property, the property's minimum value. + + - `deg`, `grad`, `rad` {{experimental_inline}} + + - : The attribute value is parsed as a CSS {{cssxref("<number>")}}, that is without the unit (e.g. `12.5`), and interpreted as an {{cssxref("<angle>")}} with the specified unit. If it is not valid, that is not a number or out of the range accepted by the CSS property, the default value is used. Leading and trailing spaces are stripped. + + Значение по умолчанию: `0deg`, or, if `0deg` is not a valid value for the property, the property's minimum value. + + - `time` {{experimental_inline}} + + - : The attribute value is parsed as a CSS {{cssxref("<time>")}} dimension, that is including the unit (e.g. `30.5ms`). If it is not valid, that is not a time or out of the range accepted by the CSS property, the default value is used. Leading and trailing spaces are stripped. + + Значение по умолчанию: `0s`, or, if `0s` is not a valid value for the property, the property's minimum value. + + - `s`, `ms` {{experimental_inline}} + + - : The attribute value is parsed as a CSS {{cssxref("<number>")}}, that is without the unit (e.g. `12.5`), and interpreted as an{{cssxref("<time>")}} with the specified unit. If it is not valid, that is not a number or out of the range accepted by the CSS property, the default value is used. Leading and trailing spaces are stripped. + + Значение по умолчанию: `0s`, or, if `0s` is not a valid value for the property, the property's minimum value. + + - `frequency` {{experimental_inline}} + + - : The attribute value is parsed as a CSS {{cssxref("<frequency>")}} dimension, that is including the unit (e.g. `30.5kHz`). If it is not valid, that is not a frequency or out of the range accepted by the CSS property, the default value is used. + + Значение по умолчанию: `0Hz`, or, if `0Hz` is not a valid value for the property, the property's minimum value. + + - `Hz`, `kHz` {{experimental_inline}} + + - : The attribute value is parsed as a CSS {{cssxref("<number>")}}, that is without the unit (e.g. `12.5`), and interpreted as a {{cssxref("<frequency>")}} with the specified unit. If it is not valid, that is not a number or out of the range accepted by the CSS property, the default value is used. Leading and trailing spaces are stripped. + + Значение по умолчанию: `0Hz`, or, if `0Hz` is not a valid value for the property, the property's minimum value. + + - `%` {{experimental_inline}} + + - : The attribute value is parsed as a CSS {{cssxref("<number>")}}, that is without the unit (e.g. `12.5`), and interpreted as a {{cssxref("<percentage>")}}. If it is not valid, that is not a number or out of the range accepted by the CSS property, the default value is used. If the given value is used as a length, `attr()` computes it to an absolute length. Leading and trailing spaces are stripped. + + Значение по умолчанию: `0%`, or, if `0%` is not a valid value for the property, the property's minimum value. + - `` {{experimental_inline}} - : The value to be used if the associated attribute is missing or contains an invalid value. The fallback value must be valid where `attr()` is used, even if it is not used, and must not contain another `attr()` expression. If `attr()` is not the sole component value of a property, its `` value must be of the type defined by ``. If not set, CSS will use the default value defined for each ``. diff --git a/files/ru/web/css/background-repeat/index.md b/files/ru/web/css/background-repeat/index.md index be26a75abc23df..1ddbaca1ace65b 100644 --- a/files/ru/web/css/background-repeat/index.md +++ b/files/ru/web/css/background-repeat/index.md @@ -39,18 +39,24 @@ background-repeat: unset; ### Значения - `` - - | : Следующие однозначные имеют двухзначные эквиваленты: | `repeat-x` | тоже самое, что и `repeat no-repeat` | - | ------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------ | - | `repeat-y` | тоже самое, что и `no-repeat repeat` | - | `repeat` | тоже самое, что и `repeat repeat` | - | `space` | тоже самое, что и `space space` | - | `round` | тоже самое, что и `round round` | - | `no-repeat` | тоже самое, что и `no-repeat no-repeat` | В двухзначном синтаксисе первое означает горизонтальные повторения, а второе вертикальные. | - | `repeat` | Изображения повторяются столько, сколько необходимо, чтобы полностью покрыть область элемента, последнее обрезается, если не хватает места. | - | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | - | `space` | Изображение повторяется в заданном направлении столько раз, сколько необходимо, чтобы покрыть большую часть области рисования фонового изображения, не обрезая изображение. Оставшееся незакрытое пространство равномерно распределено между изображениями. Первое и последнее изображения касаются края элемента. Значение CSS-свойства {{cssxref("background-position")}} игнорируется для рассматриваемого направления, за исключением случаев, когда отдельное изображение больше области рисования фонового изображения, что является единственным случаем, когда изображение может быть обрезано, когда используется значение `space`. | - | `round` | Изображение повторяется в заданном направлении столько раз, сколько необходимо, чтобы покрыть большую часть области рисования фонового изображения, не обрезая изображение. Если оно не покрывает точно область, плитки изменяются в этом направлении, чтобы соответствовать ей. | - | `no-repeat` | Изображение не повторяется (и, следовательно, область рисования фонового изображения не обязательно будет полностью покрыта). Расположение неповторяющегося фонового изображения определяется CSS-свойством {{cssxref("background-position")}}. | + + - : Следующие однозначные имеют двухзначные эквиваленты: + + | `repeat-x` | тоже самое, что и `repeat no-repeat` | + | ----------- | --------------------------------------- | + | `repeat-y` | тоже самое, что и `no-repeat repeat` | + | `repeat` | тоже самое, что и `repeat repeat` | + | `space` | тоже самое, что и `space space` | + | `round` | тоже самое, что и `round round` | + | `no-repeat` | тоже самое, что и `no-repeat no-repeat` | + + В двухзначном синтаксисе первое означает горизонтальные повторения, а второе вертикальные. + + | `repeat` | Изображения повторяются столько, сколько необходимо, чтобы полностью покрыть область элемента, последнее обрезается, если не хватает места. | + | ----------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | + | `space` | Изображение повторяется в заданном направлении столько раз, сколько необходимо, чтобы покрыть большую часть области рисования фонового изображения, не обрезая изображение. Оставшееся незакрытое пространство равномерно распределено между изображениями. Первое и последнее изображения касаются края элемента. Значение CSS-свойства {{cssxref("background-position")}} игнорируется для рассматриваемого направления, за исключением случаев, когда отдельное изображение больше области рисования фонового изображения, что является единственным случаем, когда изображение может быть обрезано, когда используется значение `space`. | + | `round` | Изображение повторяется в заданном направлении столько раз, сколько необходимо, чтобы покрыть большую часть области рисования фонового изображения, не обрезая изображение. Если оно не покрывает точно область, плитки изменяются в этом направлении, чтобы соответствовать ей. | + | `no-repeat` | Изображение не повторяется (и, следовательно, область рисования фонового изображения не обязательно будет полностью покрыта). Расположение неповторяющегося фонового изображения определяется CSS-свойством {{cssxref("background-position")}}. | ## Примеры diff --git a/files/ru/web/css/border-width/index.md b/files/ru/web/css/border-width/index.md index 136e320be23642..fa3703bd6e8eb5 100644 --- a/files/ru/web/css/border-width/index.md +++ b/files/ru/web/css/border-width/index.md @@ -27,10 +27,15 @@ border-width: inherit /* Родительское значение */ ### Values - `` - - | : Is either a non-negative explicit {{cssxref("<length>")}} value or a keyword denoting the thickness of the bottom border. The keyword must be one of the following values: | `thin` | | A thin border | - | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------ | --------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | - | `medium` | | A medium border | - | `thick` | | A thick border | The specification doesn't precisely define the thickness of each of the keywords, which is therefore implementation specific. Nevertheless, it requests that the thickness does follow the `thin ≤ medium ≤ thick` inequality and that the values are constant on a single document. | + + - : Is either a non-negative explicit {{cssxref("<length>")}} value or a keyword denoting the thickness of the bottom border. The keyword must be one of the following values: + + - `thin` + - `medium` + - `thick` + + > **Примечание:** The specification doesn't precisely define the thickness of each of the keywords, which is therefore implementation specific. Nevertheless, it requests that the thickness does follow the `thin ≤ medium ≤ thick` inequality and that the values are constant on a single document. + - `inherit` - : Is a keyword indicating that all four values are inherited from their parent's element calculated value. diff --git a/files/ru/web/css/margin-left/index.md b/files/ru/web/css/margin-left/index.md index 0bfcca00f27ba3..6c151d5d21f23f 100644 --- a/files/ru/web/css/margin-left/index.md +++ b/files/ru/web/css/margin-left/index.md @@ -39,14 +39,17 @@ margin-left: unset; - {{cssxref("<percentage>")}} - : Размер отступа в процентах - размер относительно длины родительского блока. - `auto` - - | : Внешний отступ слева получает долю неиспользованного горизонтального пространства, определяется в основном [выбранным способом разметки](/ru/docs/Web/CSS/%D0%A1%D0%BF%D0%BE%D1%81%D0%BE%D0%B1_%D1%80%D0%B0%D1%81%D0%BF%D0%BE%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D1%8F). Если значения `margin-left` и `margin-right` одновременно установлены как `auto`, расчётное пространство распределяется равномерно. Эта таблица кратко излагает различные: | Значение {{cssxref("display")}} | Значение {{cssxref("float")}} | Значение {{cssxref("position")}} | Расчётное значение `auto` | Комментарий | - | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------- | ----------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------- | ----------- | - | `inline`, `inline-block`, `inline-table` | _любое_ | `static` или `relative` | `0` | Строчный способ разметки | - | `block`, `inline`, `inline-block`, `block`, `table`, `inline-table`, `list-item`, `table-caption` | _любое_ | `static` или `relative` | `0`, кроме случаев, когда `margin-left` и `margin-right` установлены как `auto`. В этом случае устанавливается значение, центрирующее элемент внутри его родителя | Блочный способ разметки | - | `block`, `inline`, `inline-block`, `block`, `table`, `inline-table`, `list-item`, `table-caption` | `left` или `right` | `static` или `relative` | `0` | Блочный способ разметки (плавающие элементы) | - | _любое_ `table-*`_, кроме_ `table-caption` | _любое_ | _любое_ | `0` | Внутренние `table-*` элементы не имеют отступов, вместо этого используйте {{ cssxref("border-spacing") }} | - | _любое, кроме `flex`,_ `inline-flex`_, или_ `table-*` | _любое_ | _`fixed`_ или `absolute` | `0`, кроме случаев, когда `margin-left` и `margin-right` установлены как `auto`. В этом случае, устанавливается значение центрирующее границы области внутри доступной `width` (ширины), если значение фиксировано. | Способ разметки абсолютным позиционированием | - | `flex`, `inline-flex` | _любое_ | _любое_ | `0`, кроме случаев, когда есть положительное горизонтальное свободное пространство. В этом случае, распределяется равномерно по всем горизонтальным `auto` отступам. | Способ разметки с помощью flexbox | + + - : Внешний отступ слева получает долю неиспользованного горизонтального пространства, определяется в основном [выбранным способом разметки](/ru/docs/Web/CSS/Layout_mode). Если значения `margin-left` и `margin-right` одновременно установлены как `auto`, расчётное пространство распределяется равномерно. Эта таблица кратко излагает различные: + + | Значение {{cssxref("display")}} | Значение {{cssxref("float")}} | Значение {{cssxref("position")}} | Расчётное значение `auto` | Комментарий | + | ------------------------------------------------------------------------------------------------- | ----------------------------- | -------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------- | + | `inline`, `inline-block`, `inline-table` | _любое_ | `static` или `relative` | `0` | Строчный способ разметки | + | `block`, `inline`, `inline-block`, `block`, `table`, `inline-table`, `list-item`, `table-caption` | _любое_ | `static` или `relative` | `0`, кроме случаев, когда `margin-left` и `margin-right` установлены как `auto`. В этом случае устанавливается значение, центрирующее элемент внутри его родителя | Блочный способ разметки | + | `block`, `inline`, `inline-block`, `block`, `table`, `inline-table`, `list-item`, `table-caption` | `left` или `right` | `static` или `relative` | `0` | Блочный способ разметки (плавающие элементы) | + | _любое_ `table-*`_, кроме_ `table-caption` | _любое_ | _любое_ | `0` | Внутренние `table-*` элементы не имеют отступов, вместо этого используйте {{ cssxref("border-spacing") }} | + | _любое, кроме `flex`,_ `inline-flex`_, или_ `table-*` | _любое_ | _`fixed`_ или `absolute` | `0`, кроме случаев, когда `margin-left` и `margin-right` установлены как `auto`. В этом случае, устанавливается значение центрирующее границы области внутри доступной `width` (ширины), если значение фиксировано. | Способ разметки абсолютным позиционированием | + | `flex`, `inline-flex` | _любое_ | _любое_ | `0`, кроме случаев, когда есть положительное горизонтальное свободное пространство. В этом случае, распределяется равномерно по всем горизонтальным `auto` отступам. | Способ разметки с помощью flexbox | ### Формальный синтаксис diff --git a/files/ru/web/css/margin-right/index.md b/files/ru/web/css/margin-right/index.md index 4c63798cd13105..e277520f8d4b0b 100644 --- a/files/ru/web/css/margin-right/index.md +++ b/files/ru/web/css/margin-right/index.md @@ -37,14 +37,17 @@ margin-right: unset; - {{cssxref("<percentage>")}} - : Размер отступа в процентах - размер относительно длины родительского блока. - `auto` - - | : Внешний отступ слева получает долю неиспользованного горизонтального пространства, определяется в основном [выбранным способом разметки](/ru/docs/Web/CSS/%D0%A1%D0%BF%D0%BE%D1%81%D0%BE%D0%B1_%D1%80%D0%B0%D1%81%D0%BF%D0%BE%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D1%8F). Если значения `margin-left` и `margin-right` одновременно установлены как `auto`, расчётное пространство распределяется равномерно. Эта таблица кратко излагает различные: | Значение {{cssxref("display")}} | Значение {{cssxref("float")}} | Значение {{cssxref("position")}} | Расчётное значение `auto` | Комментарий | - | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------- | ----------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------- | ----------- | - | `inline`, `inline-block`, `inline-table` | _любое_ | `static` или `relative` | `0` | Строчный способ разметки | - | `block`, `inline`, `inline-block`, `block`, `table`, `inline-table`, `list-item`, `table-caption` | _любое_ | `static` или `relative` | `0`, кроме случаев, когда `margin-left` и `margin-right` установлены как `auto`. В этом случае устанавливается значение, центрирующее элемент внутри его родителя | Блочный способ разметки | - | `block`, `inline`, `inline-block`, `block`, `table`, `inline-table`, `list-item`, `table-caption` | `left` или `right` | `static` или `relative` | `0` | Блочный способ разметки (плавающие элементы) | - | _любое_ `table-*`_, кроме_ `table-caption` | _любое_ | _любое_ | `0` | Внутренние `table-*` элементы не имеют отступов, вместо этого используйте {{ cssxref("border-spacing") }} | - | _любое, кроме `flex`,_ `inline-flex`_, или_ `table-*` | _любое_ | _`fixed`_ или `absolute` | `0`, кроме случаев, когда `margin-left` и `margin-right` установлены как `auto`. В этом случае, устанавливается значение центрирующее границы области внутри доступной `width` (ширины), если значение фиксировано. | Способ разметки абсолютным позиционированием | - | `flex`, `inline-flex` | _любое_ | _любое_ | `0`, кроме случаев, когда есть положительное горизонтальное свободное пространство. В этом случае, распределяется равномерно по всем горизонтальным `auto` отступам. | Способ разметки с помощью flexbox | + + - : Внешний отступ слева получает долю неиспользованного горизонтального пространства, определяется в основном [выбранным способом разметки](/ru/docs/Web/CSS/Layout_mode). Если значения `margin-left` и `margin-right` одновременно установлены как `auto`, расчётное пространство распределяется равномерно. Эта таблица кратко излагает различные: + + | Значение {{cssxref("display")}} | Значение {{cssxref("float")}} | Значение {{cssxref("position")}} | Расчётное значение `auto` | Комментарий | + | ------------------------------------------------------------------------------------------------- | ----------------------------- | -------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------- | + | `inline`, `inline-block`, `inline-table` | _любое_ | `static` или `relative` | `0` | Строчный способ разметки | + | `block`, `inline`, `inline-block`, `block`, `table`, `inline-table`, `list-item`, `table-caption` | _любое_ | `static` или `relative` | `0`, кроме случаев, когда `margin-left` и `margin-right` установлены как `auto`. В этом случае устанавливается значение, центрирующее элемент внутри его родителя | Блочный способ разметки | + | `block`, `inline`, `inline-block`, `block`, `table`, `inline-table`, `list-item`, `table-caption` | `left` или `right` | `static` или `relative` | `0` | Блочный способ разметки (плавающие элементы) | + | _любое_ `table-*`_, кроме_ `table-caption` | _любое_ | _любое_ | `0` | Внутренние `table-*` элементы не имеют отступов, вместо этого используйте {{ cssxref("border-spacing") }} | + | _любое, кроме `flex`,_ `inline-flex`_, или_ `table-*` | _любое_ | _`fixed`_ или `absolute` | `0`, кроме случаев, когда `margin-left` и `margin-right` установлены как `auto`. В этом случае, устанавливается значение центрирующее границы области внутри доступной `width` (ширины), если значение фиксировано. | Способ разметки абсолютным позиционированием | + | `flex`, `inline-flex` | _любое_ | _любое_ | `0`, кроме случаев, когда есть положительное горизонтальное свободное пространство. В этом случае, распределяется равномерно по всем горизонтальным `auto` отступам. | Способ разметки с помощью flexbox | ### Формальный синтаксис diff --git a/files/ru/web/css/opacity/index.md b/files/ru/web/css/opacity/index.md index e57f721b5b30ce..272880b3627ba7 100644 --- a/files/ru/web/css/opacity/index.md +++ b/files/ru/web/css/opacity/index.md @@ -24,11 +24,14 @@ background: rgba(0, 0, 0, 0.4); ### Значения - `` - - | : {{cssxref("number", "число")}} в пределах от `0.0` до `1.0`, включительно, или {{cssxref("percentage", "проценты")}} в пределах от `0%` до `100%`, включительно, представляет непрозрачность канала (т.е. значение его альфа-канала). Любое значение вне интервала, хотя и является валидным, округляется до ближайшего предела в диапазоне. | Значение | Действие | - | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------- | -------- | - | `0` | Элемент полностью прозрачен (он становится невидимым). | - | Любое {{cssxref("number", "число")}} строго между `0` и `1` | Элемент полупрозрачный (т.е. содержимое элемента можно увидеть). | - | `1` (значение по умолчанию) | Элемент полностью непрозрачный (видимый). | + + - : {{cssxref("number", "число")}} в пределах от `0.0` до `1.0`, включительно, или {{cssxref("percentage", "проценты")}} в пределах от `0%` до `100%`, включительно, представляет непрозрачность канала (т.е. значение его альфа-канала). Любое значение вне интервала, хотя и является валидным, округляется до ближайшего предела в диапазоне. + + | Значение | Действие | + | ----------------------------------------------------------- | ---------------------------------------------------------------- | + | `0` | Элемент полностью прозрачен (он становится невидимым). | + | Любое {{cssxref("number", "число")}} строго между `0` и `1` | Элемент полупрозрачный (т.е. содержимое элемента можно увидеть). | + | `1` (значение по умолчанию) | Элемент полностью непрозрачный (видимый). | ### Формальный синтаксис diff --git a/files/ru/web/events/index.md b/files/ru/web/events/index.md index 536861bb7867e7..d0b15551fe287d 100644 --- a/files/ru/web/events/index.md +++ b/files/ru/web/events/index.md @@ -349,199 +349,195 @@ slug: Web/Events Эти события определены в официальных веб-спецификациях и должны быть общими для всех браузеров. Каждое событие перечисляется вместе с интерфейсом, представляющим объект, отправленный получателям события (так что вы можете найти информацию о том, какие данные предоставляются с каждым событием), а также ссылку на спецификацию или спецификации, которые определяют событие. -| Имя события | Тип события | Спецификация | Происходит когда... | -| ------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -| {{Event("abort")}} | {{DOMxRef("UIEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-abort) | The loading of a resource has been aborted. | -| [`abort`]() | {{DOMxRef("ProgressEvent")}} | [Progress](http://www.w3.org/TR/progress-events/) and [XMLHttpRequest](http://www.w3.org/TR/XMLHttpRequest/#event-xhr-abort) | Progression has been terminated (not due to an error). | -| [`abort`](/ru/docs/Web/Reference/Events/abort_indexedDB) | {{DOMxRef("Event")}} | [IndexedDB](http://www.w3.org/TR/IndexedDB/#database-interface) | A transaction has been aborted. | -| {{Event("afterprint")}} | {{DOMxRef("Event")}} | [HTML5](http://www.w3.org/TR/html5/webappapis.html#printing) | The associated document has started printing or the print preview has been closed. | -| {{Event("animationcancel")}} | {{DOMxRef("AnimationEvent")}} {{Experimental_Inline}} | [CSS Animations](http://www.w3.org/TR/css3-animations/#animation-events) | A [CSS animation](/ru/docs/CSS/CSS_animations) has aborted. | -| {{Event("animationend")}} | {{DOMxRef("AnimationEvent")}} {{Experimental_Inline}} | [CSS Animations](http://www.w3.org/TR/css3-animations/#animation-events) | A [CSS animation](/ru/docs/CSS/CSS_animations) has completed. | -| {{Event("animationiteration")}} | {{DOMxRef("AnimationEvent")}} {{Experimental_Inline}} | [CSS Animations](http://www.w3.org/TR/css3-animations/#animation-events) | A [CSS animation](/ru/docs/CSS/CSS_animations) is repeated. | -| {{Event("animationstart")}} | {{DOMxRef("AnimationEvent")}} {{Experimental_Inline}} | [CSS Animations](http://www.w3.org/TR/css3-animations/#animation-events) | A [CSS animation](/ru/docs/CSS/CSS_animations) has started. | -| {{Event("appinstalled")}} | {{DOMxRef("Event")}} | [Web App Manifest](/ru/docs/Web/Manifest) | A web application is successfully installed as a [progressive web app](/en-US/Apps/Progressive). | -| {{Event("audioprocess")}} | {{DOMxRef("AudioProcessingEvent")}} {{Deprecated_Inline}} | [Web Audio API | -| Определение 'audioprocess' в этой спецификации.](https://www.w3.org/TR/webaudio/#AudioProcessingEvent) | The input buffer of a {{DOMxRef("ScriptProcessorNode")}} is ready to be processed. | -| {{Event("audioend")}} {{Experimental_Inline}} | {{DOMxRef("Event")}} | [Web Speech API](https://wicg.github.io/speech-api/) | The user agent has finished capturing audio for speech recognition. | -| {{Event("audiostart")}} {{Experimental_Inline}} | {{DOMxRef("Event")}} | [Web Speech API](https://wicg.github.io/speech-api/) | The user agent has started to capture audio for speech recognition. | -| {{Event("beforeprint")}} | {{DOMxRef("Event")}} | [HTML5](http://www.w3.org/TR/html5/webappapis.html#printing) | The associated document is about to be printed or previewed for printing. | -| {{Event("beforeunload")}} | {{DOMxRef("BeforeUnloadEvent")}} | [HTML5](http://www.w3.org/TR/html5/browsers.html#unloading-documents) | The window, the document and its resources are about to be unloaded. | -| {{Event("beginEvent")}} | {{DOMxRef("TimeEvent")}} | [SVG](http://www.w3.org/TR/SVG/interact.html#SVGEvents) | A [SMIL](/ru/docs/SVG/SVG_animation_with_SMIL) animation element begins. | -| [`blocked`](/ru/docs/Web/Reference/Events/blocked_indexedDB) | | [IndexedDB](http://www.w3.org/TR/IndexedDB/#request-api) | An open connection to a database is blocking a `versionchange` transaction on the same database. | -| {{Event("blur")}} | {{DOMxRef("FocusEvent")}} {{Experimental_Inline}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-blur) | An element has lost focus (does not bubble). | -| {{Event("boundary")}} {{Experimental_Inline}} | {{DOMxRef("SpeechSynthesisEvent")}} | [Web Speech API](https://wicg.github.io/speech-api/) | The spoken utterance reaches a word or sentence boundary | -| {{Event("canplay")}} | {{DOMxRef("Event")}} | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-canplay) | The user agent can play the media, but estimates that not enough data has been loaded to play the media up to its end without having to stop for further buffering of content. | -| {{Event("canplaythrough")}} | {{DOMxRef("Event")}} | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-canplaythrough) | The user agent can play the media up to its end without having to stop for further buffering of content. | -| {{Event("change")}} | {{DOMxRef("Event")}} | [DOM L2](http://www.w3.org/TR/DOM-Level-2-Events/events.html), [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/common-input-element-attributes.html#event-input-change) | The `change` event is fired for {{HTMLElement("input")}}, {{HTMLElement("select")}}, and {{HTMLElement("textarea")}} elements when a change to the element's value is committed by the user. | -| {{Event("chargingchange")}} | {{DOMxRef("Event")}} | [Battery status](https://dvcs.w3.org/hg/dap/raw-file/tip/battery/Overview.html) | The battery begins or stops charging. | -| {{Event("chargingtimechange")}} | {{DOMxRef("Event")}} | [Battery status](https://dvcs.w3.org/hg/dap/raw-file/tip/battery/Overview.html) | The `chargingTime` attribute has been updated. | -| {{Event("click")}} | {{DOMxRef("MouseEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-click) | A pointing device button has been pressed and released on an element. | -| [`close`](/ru/docs/Web/Reference/Events/close_websocket) | {{DOMxRef("Event")}} | [WebSocket](http://www.w3.org/TR/websockets/) | A WebSocket connection has been closed. | -| [`complete`](/ru/docs/Web/Reference/Events/complete_indexedDB) | | [IndexedDB](http://www.w3.org/TR/IndexedDB/#transaction) | A transaction successfully completed. | -| {{Event("complete")}} | {{DOMxRef("OfflineAudioCompletionEvent")}} {{Deprecated_Inline}} | [Web Audio API | -| Определение 'OfflineAudioCompletionEvent' в этой спецификации.](https://www.w3.org/TR/webaudio/#OfflineAudioCompletionEvent-section) | The rendering of an {{DOMxRef("OfflineAudioContext")}} is terminated. | -| {{Event("compositionend")}} | {{DOMxRef("CompositionEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-compositionend) | The composition of a passage of text has been completed or canceled. | -| {{Event("compositionstart")}} | {{DOMxRef("CompositionEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-compositionstart) | The composition of a passage of text is prepared (similar to keydown for a keyboard input, but works with other inputs such as speech recognition). | -| {{Event("compositionupdate")}} | {{DOMxRef("CompositionEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-compositionupdate) | A character is added to a passage of text being composed. | -| {{Event("contextmenu")}} | {{DOMxRef("MouseEvent")}} | [HTML5](https://html.spec.whatwg.org/multipage/forms.html#context-menus) | The right button of the mouse is clicked (before the context menu is displayed). | -| {{Event("copy")}} | {{DOMxRef("ClipboardEvent")}} {{Experimental_Inline}} | [Clipboard](http://www.w3.org/TR/clipboard-apis/#copy-event) | The text selection has been added to the clipboard. | -| {{Event("cut")}} | {{DOMxRef("ClipboardEvent")}} {{Experimental_Inline}} | [Clipboard](http://www.w3.org/TR/clipboard-apis/#cut-event) | The text selection has been removed from the document and added to the clipboard. | -| {{Event("dblclick")}} | {{DOMxRef("MouseEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-dblclick) | A pointing device button is clicked twice on an element. | -| {{Event("devicechange")}} | {{DOMxRef("Event")}} | [Media Capture and Streams](https://w3c.github.io/mediacapture-main/) | A media device such as a camera, microphone, or speaker is connected or removed from the system. | -| {{Event("devicemotion")}} | {{DOMxRef("DeviceMotionEvent")}} {{Experimental_Inline}} | [Device Orientation Events](http://dev.w3.org/geo/api/spec-source-orientation.html) | Fresh data is available from a motion sensor. | -| {{Event("deviceorientation")}} | {{DOMxRef("DeviceOrientationEvent")}} {{Experimental_Inline}} | [Device Orientation Events](http://dev.w3.org/geo/api/spec-source-orientation.html) | Fresh data is available from an orientation sensor. | -| {{Event("dischargingtimechange")}} | {{DOMxRef("Event")}} | [Battery status](https://dvcs.w3.org/hg/dap/raw-file/tip/battery/Overview.html) | The `dischargingTime` attribute has been updated. | -| `DOMActivate` {{Deprecated_Inline}} | {{DOMxRef("UIEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMActivate) | A button, link or state changing element is activated (use {{Event("click")}} instead). | -| [`DOMAttributeNameChanged`](/ru/docs/DOM/Mutation_events) {{Deprecated_Inline}} | {{DOMxRef("MutationNameEvent")}} | [DOM L3](http://www.w3.org/TR/2011/WD-DOM-Level-3-Events-20110531/#event-type-DOMAttributeNameChanged) Removed | The name of an attribute changed (use [mutation observers](/ru/docs/DOM/MutationObserver) instead). | -| [`DOMAttrModified`](/ru/docs/DOM/Mutation_events) {{Deprecated_Inline}} | {{DOMxRef("MutationEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMAttrModified) | The value of an attribute has been modified (use [mutation observers](/ru/docs/DOM/MutationObserver) instead). | -| [`DOMCharacterDataModified`](/ru/docs/DOM/Mutation_events) {{Deprecated_Inline}} | {{DOMxRef("MutationEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMCharacterDataModified) | A text or another [CharacterData](/ru/docs/DOM/CharacterData) has changed (use [mutation observers](/ru/docs/DOM/MutationObserver) instead). | -| {{Event("DOMContentLoaded")}} | {{DOMxRef("Event")}} | [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-end.html#the-end) | The document has finished loading (but not its dependent resources). | -| [`DOMElementNameChanged`](/ru/docs/DOM/Mutation_events) {{Deprecated_Inline}} | {{DOMxRef("MutationNameEvent")}} | [DOM L3](http://www.w3.org/TR/2011/WD-DOM-Level-3-Events-20110531/#event-type-DOMElementNameChanged) Removed | The name of an element changed (use [mutation observers](/ru/docs/DOM/MutationObserver) instead). | -| `DOMFocusIn` {{Deprecated_Inline}} | {{DOMxRef("FocusEvent")}} {{Experimental_Inline}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMFocusIn) | An element has received focus (use {{Event("focus")}} or {{Event("focusin")}} instead). | -| `DOMFocusOut` {{Deprecated_Inline}} | {{DOMxRef("FocusEvent")}} {{Experimental_Inline}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMFocusOut) | An element has lost focus (use {{Event("blur")}} or {{Event("focusout")}} instead). | -| [`DOMNodeInserted`](/ru/docs/DOM/Mutation_events) {{Deprecated_Inline}} | {{DOMxRef("MutationEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeInserted) | A node has been added as a child of another node (use [mutation observers](/ru/docs/DOM/MutationObserver) instead). | -| [`DOMNodeInsertedIntoDocument`](/ru/docs/DOM/Mutation_events) {{Deprecated_Inline}} | {{DOMxRef("MutationEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeInsertedIntoDocument) | A node has been inserted into the document (use [mutation observers](/ru/docs/DOM/MutationObserver) instead). | -| [`DOMNodeRemoved`](/ru/docs/DOM/Mutation_events) {{Deprecated_Inline}} | {{DOMxRef("MutationEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeRemoved) | A node has been removed from its parent node (use [mutation observers](/ru/docs/DOM/MutationObserver) instead). | -| [`DOMNodeRemovedFromDocument`](/ru/docs/DOM/Mutation_events) {{Deprecated_Inline}} | {{DOMxRef("MutationEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeRemovedFromDocument) | A node has been removed from the document (use [mutation observers](/ru/docs/DOM/MutationObserver) instead). | -| [`DOMSubtreeModified`](/ru/docs/DOM/Mutation_events) {{Deprecated_Inline}} | {{DOMxRef("MutationEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMSubtreeModified) | A change happened in the document (use [mutation observers](/ru/docs/DOM/MutationObserver) instead). | -| {{Event("drag")}} | {{DOMxRef("DragEvent")}} | [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-drag) | An element or text selection is being dragged (every 350ms). | -| {{Event("dragend")}} | {{DOMxRef("DragEvent")}} | [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragend) | A drag operation is being ended (by releasing a mouse button or hitting the escape key). | -| {{Event("dragenter")}} | {{DOMxRef("DragEvent")}} | [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragenter) | A dragged element or text selection enters a valid drop target. | -| {{Event("dragleave")}} | {{DOMxRef("DragEvent")}} | [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragleave) | A dragged element or text selection leaves a valid drop target. | -| {{Event("dragover")}} | {{DOMxRef("DragEvent")}} | [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragover) | An element or text selection is being dragged over a valid drop target (every 350ms). | -| {{Event("dragstart")}} | {{DOMxRef("DragEvent")}} | [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragstart) | The user starts dragging an element or text selection. | -| {{Event("drop")}} | {{DOMxRef("DragEvent")}} | [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-drop) | An element is dropped on a valid drop target. | -| {{Event("durationchange")}} | {{DOMxRef("Event")}} | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-durationchange) | The `duration` attribute has been updated. | -| {{Event("emptied")}} | {{DOMxRef("Event")}} | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-emptied) | The media has become empty; for example, this event is sent if the media has already been loaded (or partially loaded), and the [`load()`](/ru/docs/XPCOM_Interface_Reference/NsIDOMHTMLMediaElement) method is called to reload it. | -| {{Event("end_(SpeechRecognition)","end")}} {{Experimental_Inline}} | {{DOMxRef("Event")}} | [Web Speech API](https://wicg.github.io/speech-api/) | The speech recognition service has disconnected. | -| {{Event("end_(SpeechSynthesis)","end")}} {{Experimental_Inline}} | {{DOMxRef("SpeechSynthesisEvent")}} | [Web Speech API](https://wicg.github.io/speech-api/) | The utterance has finished being spoken. | -| {{Event("ended")}} | {{DOMxRef("Event")}} | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-ended) | Playback has stopped because the end of the media was reached. | -| {{Event("ended_(Web_Audio)", "ended")}} | {{DOMxRef("Event")}} | [Web Audio API](https://www.w3.org/TR/webaudio/) | Playback has stopped because the end of the media was reached. | -| {{Event("endEvent")}} | {{DOMxRef("TimeEvent")}} | [SVG](http://www.w3.org/TR/SVG/interact.html#SVGEvents) | A [SMIL](/ru/docs/SVG/SVG_animation_with_SMIL) animation element ends. | -| {{Event("error")}} | {{DOMxRef("UIEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-error) | A resource failed to load. | -| {{Event("error")}} | {{DOMxRef("ProgressEvent")}} | [Progress](http://www.w3.org/TR/progress-events/) and [XMLHttpRequest](http://www.w3.org/TR/XMLHttpRequest/#event-xhr-error) | Progression has failed. | -| {{Event("error")}} | {{DOMxRef("Event")}} | [WebSocket](http://www.w3.org/TR/websockets/) | A WebSocket connection has been closed with prejudice (some data couldn't be sent for example). | -| {{Event("error")}} | {{DOMxRef("Event")}} | [Server Sent Events](http://dev.w3.org/html5/eventsource/) | An event source connection has been failed. | -| {{Event("error")}} | {{DOMxRef("Event")}} | [IndexedDB](http://www.w3.org/TR/IndexedDB/#request-api) | A request caused an error and failed. | -| {{Event("error_(SpeechRecognitionError)","error")}} {{Experimental_Inline}} | {{DOMxRef("Event")}} | [Web Speech API](https://wicg.github.io/speech-api/) | A speech recognition error occurs. | -| {{Event("error_(SpeechSynthesisError)","error")}} | {{DOMxRef("SpeechSynthesisErrorEvent")}} | [Web Speech API](https://wicg.github.io/speech-api/) | An error occurs that prevents the utterance from being successfully spoken. | -| {{Event("focus")}} | {{DOMxRef("FocusEvent")}} {{Experimental_Inline}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-focus) | An element has received focus (does not bubble). | -| {{Event("focusin")}} | {{DOMxRef("FocusEvent")}} {{Experimental_Inline}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-focusIn) | An element is about to receive focus (bubbles). | -| {{Event("focusout")}} | {{DOMxRef("FocusEvent")}} {{Experimental_Inline}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-focusout) | An element is about to lose focus (bubbles). | -| {{Event("fullscreenchange")}} | {{DOMxRef("Event")}} | [Full Screen](https://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html#api) | An element was turned to fullscreen mode or back to normal mode. | -| {{Event("fullscreenerror")}} | {{DOMxRef("Event")}} | [Full Screen](https://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html#api) | It was impossible to switch to fullscreen mode for technical reasons or because the permission was denied. | -| {{Event("gamepadconnected")}} | {{DOMxRef("GamepadEvent")}} {{Experimental_Inline}} | [Gamepad](http://www.w3.org/TR/gamepad/#the-gamepadconnected-event) | A gamepad has been connected. | -| {{Event("gamepaddisconnected")}} | {{DOMxRef("GamepadEvent")}} {{Experimental_Inline}} | [Gamepad](http://www.w3.org/TR/gamepad/#the-gamepaddisconnected-event) | A gamepad has been disconnected. | -| {{Event("gotpointercapture")}} | {{DOMxRef("PointerEvent")}} | [Pointer Events](http://www.w3.org/TR/pointerevents/#the-gotpointercapture-event) | Element receives pointer capture. | -| {{Event("hashchange")}} | {{DOMxRef("HashChangeEvent")}} | [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-hashchange) | The fragment identifier of the URL has changed (the part of the URL after the #). | -| {{Event("lostpointercapture")}} | {{DOMxRef("PointerEvent")}} | [Pointer Events](http://www.w3.org/TR/pointerevents/#the-lostpointercapture-event) | Element lost pointer capture. | -| {{Event("input")}} | {{DOMxRef("Event")}} | [HTML5](http://www.w3.org/TR/html5/forms.html#common-event-behaviors) | The value of an element changes or the content of an element with the attribute [contenteditable](/ru/docs/DOM/Element.contentEditable) is modified. | -| {{Event("invalid")}} | {{DOMxRef("Event")}} | [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/association-of-controls-and-forms.html#constraint-validation) | A submittable element has been checked and doesn't satisfy its constraints. | -| {{Event("keydown")}} | {{DOMxRef("KeyboardEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-keydown) | A key is pressed down. | -| {{Event("keypress")}} {{Deprecated_Inline}} | {{DOMxRef("KeyboardEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-keypress) | A key is pressed down and that key normally produces a character value (use input instead). | -| {{Event("keyup")}} | {{DOMxRef("KeyboardEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-keyup) | A key is released. | -| {{Event("languagechange")}} {{Experimental_Inline}} | {{DOMxRef("Event")}} | [HTML 5.1 | -| Определение 'Navigator.languages' в этой спецификации.](https://www.w3.org/TR/html51/#dom-navigator-languages) | The user's preferred languages have changed. | -| {{Event("levelchange")}} | {{DOMxRef("Event")}} | [Battery status](https://dvcs.w3.org/hg/dap/raw-file/tip/battery/Overview.html) | The `level` attribute has been updated. | -| {{Event("load")}} | {{DOMxRef("UIEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-load) | A resource and its dependent resources have finished loading. | -| [`load`]() | {{DOMxRef("ProgressEvent")}} | [Progress](http://www.w3.org/TR/progress-events/) and [XMLHttpRequest](http://www.w3.org/TR/XMLHttpRequest/#event-xhr-load) | Progression has been successful. | -| {{Event("loadeddata")}} | {{DOMxRef("Event")}} | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-loadeddata) | The first frame of the media has finished loading. | -| {{Event("loadedmetadata")}} | {{DOMxRef("Event")}} | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-loadedmetadata) | The metadata has been loaded. | -| {{Event("loadend")}} | {{DOMxRef("ProgressEvent")}} | [Progress](http://www.w3.org/TR/progress-events/) and [XMLHttpRequest](http://www.w3.org/TR/XMLHttpRequest/#event-xhr-loadend) | Progress has stopped (after "error", "abort" or "load" have been dispatched). | -| {{Event("loadstart")}} | {{DOMxRef("ProgressEvent")}} | [Progress](http://www.w3.org/TR/progress-events/) and [XMLHttpRequest](http://www.w3.org/TR/XMLHttpRequest/#event-xhr-loadstart) | Progress has begun. | -| {{Event("mark")}} {{Experimental_Inline}} | {{DOMxRef("SpeechSynthesisEvent")}} | [Web Speech API](https://wicg.github.io/speech-api/) | The spoken utterance reaches a named SSML "mark" tag. | -| [`message`](/ru/docs/Web/Reference/Events/message_websocket) | {{DOMxRef("MessageEvent")}} | [WebSocket](http://www.w3.org/TR/websockets/) | A message is received through a WebSocket. | -| [`message`](/ru/docs/Web/Reference/Events/message_webworker) | {{DOMxRef("MessageEvent")}} | [Web Workers](http://www.w3.org/TR/workers/#communicating-with-a-dedicated-worker) | A message is received from a Web Worker. | -| [`message`](/ru/docs/Web/Reference/Events/message_webmessaging) | {{DOMxRef("MessageEvent")}} | [Web Messaging](http://www.w3.org/TR/webmessaging/) | A message is received from a child (i)frame or a parent window. | -| [`message`](/ru/docs/Web/Reference/Events/message_serversentevents) | {{DOMxRef("MessageEvent")}} | [Server Sent Events](http://dev.w3.org/html5/eventsource/) | A message is received through an event source. | -| {{Event("messageerror")}} | {{DOMxRef("MessageEvent")}} | {{DOMxRef("MessagePort")}}, [Web Workers](/ru/docs/Web/API/Web_Workers_API), [Broadcast Channel](/ru/docs/Web/API/Broadcast_Channel_API), {{DOMxRef("Window")}} | A message error is raised when a message is received by an object. | -| {{Event("message_(ServiceWorker)","message")}} {{Experimental_Inline}} | {{DOMxRef("ServiceWorkerMessageEvent")}} or {{DOMxRef("ExtendableMessageEvent")}}, depending on context. | [Service Workers](/ru/docs/Web/API/Service_Worker_API) | A message is received from a service worker, or a message is received in a service worker from another context. | -| {{Event("mousedown")}} | {{DOMxRef("MouseEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mousedown) | A pointing device button (usually a mouse) is pressed on an element. | -| {{Event("mouseenter")}} | {{DOMxRef("MouseEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseenter) | A pointing device is moved onto the element that has the listener attached. | -| {{Event("mouseleave")}} | {{DOMxRef("MouseEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseleave) | A pointing device is moved off the element that has the listener attached. | -| {{Event("mousemove")}} | {{DOMxRef("MouseEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mousemove) | A pointing device is moved over an element. | -| {{Event("mouseout")}} | {{DOMxRef("MouseEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseout) | A pointing device is moved off the element that has the listener attached or off one of its children. | -| {{Event("mouseover")}} | {{DOMxRef("MouseEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseover) | A pointing device is moved onto the element that has the listener attached or onto one of its children. | -| {{Event("mouseup")}} | {{DOMxRef("MouseEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseup) | A pointing device button is released over an element. | -| {{Event("nomatch")}} {{Experimental_Inline}} | {{DOMxRef("SpeechRecognitionEvent")}} | [Web Speech API](https://wicg.github.io/speech-api/) | The speech recognition service returns a final result with no significant recognition. | -| {{Event("notificationclick")}} | {{DOMxRef("NotificationEvent")}} {{Experimental_Inline}} | [Notifications API | -| Определение 'onnotificationclick' в этой спецификации.](https://notifications.spec.whatwg.org/#dom-serviceworkerglobalscope-onnotificationclick) | A system notification spawned by {{DOMxRef("ServiceWorkerRegistration.showNotification()")}} has been clicked. | -| {{Event("offline")}} | {{DOMxRef("Event")}} | [HTML5 offline](http://www.whatwg.org/specs/web-apps/current-work/multipage/offline.html#event-offline) | The browser has lost access to the network. | -| {{Event("online")}} | {{DOMxRef("Event")}} | [HTML5 offline](http://www.whatwg.org/specs/web-apps/current-work/multipage/offline.html#event-online) | The browser has gained access to the network (but particular websites might be unreachable). | -| [`open`](/ru/docs/Web/Reference/Events/open_websocket) | {{DOMxRef("Event")}} | [WebSocket](http://www.w3.org/TR/websockets/) | A WebSocket connection has been established. | -| [`open`](/ru/docs/Web/Reference/Events/open_serversentevents) | {{DOMxRef("Event")}} | [Server Sent Events](http://dev.w3.org/html5/eventsource/) | An event source connection has been established. | -| {{Event("orientationchange")}} | {{DOMxRef("Event")}} | [Screen Orientation](http://www.w3.org/TR/screen-orientation/) | The orientation of the device (portrait/landscape) has changed | -| {{Event("pagehide")}} | {{DOMxRef("PageTransitionEvent")}} | [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-pagehide) | A session history entry is being traversed from. | -| {{Event("pageshow")}} | {{DOMxRef("PageTransitionEvent")}} | [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-pageshow) | A session history entry is being traversed to. | -| {{Event("paste")}} | {{DOMxRef("ClipboardEvent")}} {{Experimental_Inline}} | [Clipboard](http://www.w3.org/TR/clipboard-apis/#paste-event) | Data has been transferred from the system clipboard to the document. | -| {{Event("pause")}} | {{DOMxRef("Event")}} | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-pause) | Playback has been paused. | -| {{Event("pause_(SpeechSynthesis)", "pause")}} {{Experimental_Inline}} | {{DOMxRef("SpeechSynthesisEvent")}} | [Web Speech API](https://wicg.github.io/speech-api/) | The utterance is paused part way through. | -| {{Event("pointercancel")}} | {{DOMxRef("PointerEvent")}} | [Pointer Events](http://www.w3.org/TR/pointerevents/#the-pointercancel-event) | The pointer is unlikely to produce any more events. | -| {{Event("pointerdown")}} | {{DOMxRef("PointerEvent")}} | [Pointer Events](http://www.w3.org/TR/pointerevents/#the-pointerdown-event) | The pointer enters the active buttons state. | -| {{Event("pointerenter")}} | {{DOMxRef("PointerEvent")}} | [Pointer Events](http://www.w3.org/TR/pointerevents/#the-pointerenter-event) | Pointing device is moved inside the hit-testing boundary. | -| {{Event("pointerleave")}} | {{DOMxRef("PointerEvent")}} | [Pointer Events](http://www.w3.org/TR/pointerevents/#the-pointerleave-event) | Pointing device is moved out of the hit-testing boundary. | -| {{Event("pointerlockchange")}} | {{DOMxRef("Event")}} | [Pointer Lock](http://www.w3.org/TR/pointerlock/#pointerlockchange-and-pointerlockerror-events) | The pointer was locked or released. | -| {{Event("pointerlockerror")}} | {{DOMxRef("Event")}} | [Pointer Lock](http://www.w3.org/TR/pointerlock/#pointerlockchange-and-pointerlockerror-events) | It was impossible to lock the pointer for technical reasons or because the permission was denied. | -| {{Event("pointermove")}} | {{DOMxRef("PointerEvent")}} | [Pointer Events](http://www.w3.org/TR/pointerevents/#the-pointermove-event) | The pointer changed coordinates. | -| {{Event("pointerout")}} | {{DOMxRef("PointerEvent")}} | [Pointer Events](http://www.w3.org/TR/pointerevents/#the-pointerout-event) | The pointing device moved out of hit-testing boundary or leaves detectable hover range. | -| {{Event("pointerover")}} | {{DOMxRef("PointerEvent")}} | [Pointer Events](http://www.w3.org/TR/pointerevents/#the-pointerover-event) | The pointing device is moved into the hit-testing boundary. | -| {{Event("pointerup")}} | {{DOMxRef("PointerEvent")}} | [Pointer Events](http://www.w3.org/TR/pointerevents/#the-pointerup-event) | The pointer leaves the active buttons state. | -| {{Event("play")}} | {{DOMxRef("Event")}} | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-play) | Playback has begun. | -| {{Event("playing")}} | {{DOMxRef("Event")}} | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-playing) | Playback is ready to start after having been paused or delayed due to lack of data. | -| {{Event("popstate")}} | {{DOMxRef("PopStateEvent")}} | [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-popstate) | A session history entry is being navigated to (in certain cases). | -| {{Event("progress")}} | {{DOMxRef("ProgressEvent")}} | [Progress](http://www.w3.org/TR/progress-events/) and [XMLHttpRequest](http://www.w3.org/TR/XMLHttpRequest/#event-xhr-progress) | In progress. | -| {{Event("push")}} | {{DOMxRef("PushEvent")}} {{Experimental_Inline}} | [Push API](https://w3c.github.io/push-api/) | A [Service Worker](/ru/docs/Web/API/Service_Worker_API) has received a push message. | -| {{Event("pushsubscriptionchange")}} | {{DOMxRef("PushEvent")}} {{Experimental_Inline}} | [Push API](https://w3c.github.io/push-api/) | A [PushSubscription](/ru/docs/Web/API/PushSubscription) has expired. | -| {{Event("ratechange")}} | {{DOMxRef("Event")}} | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-ratechange) | The playback rate has changed. | -| {{Event("readystatechange")}} | {{DOMxRef("Event")}} | HTML5 and [XMLHttpRequest](http://www.w3.org/TR/XMLHttpRequest/#event-xhr-readystatechange) | The readyState attribute of a document has changed. | -| {{Event("repeatEvent")}} | {{DOMxRef("TimeEvent")}} | [SVG](http://www.w3.org/TR/SVG/interact.html#SVGEvents) | A [SMIL](/ru/docs/SVG/SVG_animation_with_SMIL) animation element is repeated. | -| {{Event("reset")}} | {{DOMxRef("Event")}} | [DOM L2](http://www.w3.org/TR/DOM-Level-2-Events/events.html), [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/association-of-controls-and-forms.html#form-submission-0#resetting-a-form) | A form is reset. | -| {{Event("resize")}} | {{DOMxRef("UIEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-resize) | The document view has been resized. | -| {{Event("resourcetimingbufferfull")}} | {{DOMxRef("Performance")}} | [Resource Timing](https://w3c.github.io/resource-timing/#dom-performance-onresourcetimingbufferfull) | The browser's resource timing buffer is full. | -| {{Event("result")}} {{Experimental_Inline}} | {{DOMxRef("SpeechRecognitionEvent")}} {{Experimental_Inline}} | [Web Speech API](https://wicg.github.io/speech-api/) | The speech recognition service returns a result — a word or phrase has been positively recognized and this has been communicated back to the app. | -| {{Event("resume")}} {{Experimental_Inline}} | {{DOMxRef("SpeechSynthesisEvent")}} {{Experimental_Inline}} | [Web Speech API](https://wicg.github.io/speech-api/) | A paused utterance is resumed. | -| {{Event("scroll")}} | {{DOMxRef("UIEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-scroll) | The document view or an element has been scrolled. | -| {{Event("seeked")}} | {{DOMxRef("Event")}} | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-seeked) | A _seek_ operation completed. | -| {{Event("seeking")}} | {{DOMxRef("Event")}} | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-seeking) | A _seek_ operation began. | -| {{Event("select")}} | {{DOMxRef("UIEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-select) | Some text is being selected. | -| {{Event("selectstart")}} {{Experimental_Inline}} | {{DOMxRef("Event")}} | [Selection API](https://w3c.github.io/selection-api/) | A selection just started. | -| {{Event("selectionchange")}} {{Experimental_Inline}} | {{DOMxRef("Event")}} | [Selection API](https://w3c.github.io/selection-api/) | The selection in the document has been changed. | -| {{Event("show")}} | {{DOMxRef("MouseEvent")}} | [HTML5](http://www.w3.org/TR/html5/interactive-elements.html#context-menus) | A contextmenu event was fired on/bubbled to an element that has a [contextmenu](/ru/docs/DOM/element.contextmenu) attribute | -| {{Event("slotchange")}} | {{DOMxRef("Event")}} | [DOM](https://dom.spec.whatwg.org/) | The node contents of a {{DOMxRef("HTMLSlotElement")}} ({{htmlelement("slot")}}) have changed. | -| {{Event("soundend")}} {{Experimental_Inline}} | {{DOMxRef("Event")}} | [Web Speech API](https://wicg.github.io/speech-api/) | Any sound — recognisable speech or not — has stopped being detected. | -| {{Event("soundstart")}} {{Experimental_Inline}} | {{DOMxRef("Event")}} | [Web Speech API](https://wicg.github.io/speech-api/) | Any sound — recognisable speech or not — has been detected. | -| {{Event("speechend")}} {{Experimental_Inline}} | {{DOMxRef("Event")}} | [Web Speech API](https://wicg.github.io/speech-api/) | Speech recognised by the speech recognition service has stopped being detected. | -| {{Event("speechstart")}} {{Experimental_Inline}} | {{DOMxRef("Event")}} | [Web Speech API](https://wicg.github.io/speech-api/) | Sound that is recognised by the speech recognition service as speech has been detected. | -| {{Event("stalled")}} | {{DOMxRef("Event")}} | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-stalled) | The user agent is trying to fetch media data, but data is unexpectedly not forthcoming. | -| {{Event("start_(SpeechRecognition)","start")}} {{Experimental_Inline}} | {{DOMxRef("Event")}} | [Web Speech API](https://wicg.github.io/speech-api/) | The speech recognition service has begun listening to incoming audio with intent to recognize grammars associated with the current `SpeechRecognition`. | -| {{Event("start_(SpeechSynthesis)","start")}} | {{DOMxRef("SpeechSynthesisEvent")}} | [Web Speech API](https://wicg.github.io/speech-api/) | The utterance has begun to be spoken. | -| {{Event("storage")}} | {{DOMxRef("StorageEvent")}} | [Web Storage](http://www.w3.org/TR/webstorage/#the-storage-event) | A storage area ([localStorage](/ru/docs/DOM/Storage#localStorage) or [sessionStorage](/ru/docs/DOM/Storage#sessionStorage)) has changed. | -| {{Event("submit")}} | {{DOMxRef("Event")}} | [DOM L2](http://www.w3.org/TR/DOM-Level-2-Events/events.html), [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/association-of-controls-and-forms.html#form-submission-algorithm) | A form is submitted. | -| [`success`](/ru/docs/Web/Reference/Events/success_indexedDB) | {{DOMxRef("Event")}} | [IndexedDB](http://www.w3.org/TR/IndexedDB/#request-api) | A request successfully completed. | -| {{Event("suspend")}} | {{DOMxRef("Event")}} | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-suspend) | Media data loading has been suspended. | -| {{Event("SVGAbort")}} | {{DOMxRef("SVGEvent")}} | [SVG](http://www.w3.org/TR/SVG/interact.html#SVGEvents) | Page loading has been stopped before the [SVG](/ru/docs/SVG) was loaded. | -| {{Event("SVGError")}} | {{DOMxRef("SVGEvent")}} | [SVG](http://www.w3.org/TR/SVG/interact.html#SVGEvents) | An error has occurred before the [SVG](/ru/docs/SVG) was loaded. | -| {{Event("SVGLoad")}} | {{DOMxRef("SVGEvent")}} | [SVG](http://www.w3.org/TR/SVG/interact.html#SVGEvents) | An [SVG](/ru/docs/SVG) document has been loaded and parsed. | -| {{Event("SVGResize")}} | {{DOMxRef("SVGEvent")}} | [SVG](http://www.w3.org/TR/SVG/interact.html#SVGEvents) | An [SVG](/ru/docs/SVG) document is being resized. | -| {{Event("SVGScroll")}} | {{DOMxRef("SVGEvent")}} | [SVG](http://www.w3.org/TR/SVG/interact.html#SVGEvents) | An [SVG](/ru/docs/SVG) document is being scrolled. | -| {{Event("SVGUnload")}} | {{DOMxRef("SVGEvent")}} | [SVG](http://www.w3.org/TR/SVG/interact.html#SVGEvents) | An [SVG](/ru/docs/SVG) document has been removed from a window or frame. | -| {{Event("SVGZoom")}} | {{DOMxRef("SVGZoomEvent")}} | [SVG](http://www.w3.org/TR/SVG/interact.html#SVGEvents) | An [SVG](/ru/docs/SVG) document is being zoomed. | -| {{Event("timeout")}} | {{DOMxRef("ProgressEvent")}} | [XMLHttpRequest](http://www.w3.org/TR/XMLHttpRequest/#event-xhr-timeout) | | -| {{Event("timeupdate")}} | {{DOMxRef("Event")}} | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-timeupdate) | The time indicated by the `currentTime` attribute has been updated. | -| {{Event("touchcancel")}} | {{DOMxRef("TouchEvent")}} | [Touch Events](http://www.w3.org/TR/touch-events/) | A touch point has been disrupted in an implementation-specific manners (too many touch points for example). | -| {{Event("touchend")}} | {{DOMxRef("TouchEvent")}} | [Touch Events](http://www.w3.org/TR/touch-events/#the-touchend-event) | A touch point is removed from the touch surface. | -| {{Event("touchmove")}} | {{DOMxRef("TouchEvent")}} | [Touch Events](http://www.w3.org/TR/touch-events/#the-touchmove-event) | A touch point is moved along the touch surface. | -| {{Event("touchstart")}} | {{DOMxRef("TouchEvent")}} | [Touch Events](http://www.w3.org/TR/touch-events/#the-touchstart---------event) | A touch point is placed on the touch surface. | -| {{Event("transitionend")}} | {{DOMxRef("TransitionEvent")}} {{Experimental_Inline}} | [CSS Transitions](http://www.w3.org/TR/css3-transitions/#transition-events) | A [CSS transition](/ru/docs/CSS/CSS_transitions) has completed. | -| {{Event("unload")}} | {{DOMxRef("UIEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-unload) | The document or a dependent resource is being unloaded. | -| [`upgradeneeded`](/ru/docs/Web/Reference/Events/upgradeneeded_indexedDB) | | [IndexedDB](http://www.w3.org/TR/IndexedDB/#request-api) | An attempt was made to open a database with a version number higher than its current version. A `versionchange` transaction has been created. | -| {{Event("userproximity")}} | {{DOMxRef("UserProximityEvent")}} {{Experimental_Inline}} | [Proximity Sensor](https://w3c.github.io/proximity/) | Fresh data is available from a proximity sensor (indicates whether the nearby object is `near` the device or not). | -| {{Event("voiceschanged")}} {{Experimental_Inline}} | {{DOMxRef("Event")}} | [Web Speech API](https://wicg.github.io/speech-api/) | The list of {{DOMxRef("SpeechSynthesisVoice")}} objects that would be returned by the {{DOMxRef("SpeechSynthesis.getVoices()")}} method has changed (when the {{Event("voiceschanged")}} event fires.) | -| [`versionchange`](/ru/docs/Web/Reference/Events/versionchange_indexedDB) | | [IndexedDB](http://www.w3.org/TR/IndexedDB/#database-interface) | A `versionchange` transaction completed. | -| {{Event("visibilitychange")}} | {{DOMxRef("Event")}} | [Page visibility](http://www.w3.org/TR/page-visibility/#sec-visibilitychange-event) | The content of a tab has become visible or has been hidden. | -| {{Event("volumechange")}} | {{DOMxRef("Event")}} | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-volumechange) | The volume has changed. | -| {{Event("waiting")}} | {{DOMxRef("Event")}} | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-waiting) | Playback has stopped because of a temporary lack of data. | -| {{Event("wheel")}} | {{DOMxRef("WheelEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-wheel) | A wheel button of a pointing device is rotated in any direction. | +| Имя события | Тип события | Спецификация | Происходит когда... | +| ----------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | +| {{Event("abort")}} | {{DOMxRef("UIEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-abort) | The loading of a resource has been aborted. | +| [`abort`]() | {{DOMxRef("ProgressEvent")}} | [Progress](http://www.w3.org/TR/progress-events/) and [XMLHttpRequest](http://www.w3.org/TR/XMLHttpRequest/#event-xhr-abort) | Progression has been terminated (not due to an error). | +| [`abort`](/ru/docs/Web/Reference/Events/abort_indexedDB) | {{DOMxRef("Event")}} | [IndexedDB](http://www.w3.org/TR/IndexedDB/#database-interface) | A transaction has been aborted. | +| {{Event("afterprint")}} | {{DOMxRef("Event")}} | [HTML5](http://www.w3.org/TR/html5/webappapis.html#printing) | The associated document has started printing or the print preview has been closed. | +| {{Event("animationcancel")}} | {{DOMxRef("AnimationEvent")}} {{Experimental_Inline}} | [CSS Animations](http://www.w3.org/TR/css3-animations/#animation-events) | A [CSS animation](/ru/docs/CSS/CSS_animations) has aborted. | +| {{Event("animationend")}} | {{DOMxRef("AnimationEvent")}} {{Experimental_Inline}} | [CSS Animations](http://www.w3.org/TR/css3-animations/#animation-events) | A [CSS animation](/ru/docs/CSS/CSS_animations) has completed. | +| {{Event("animationiteration")}} | {{DOMxRef("AnimationEvent")}} {{Experimental_Inline}} | [CSS Animations](http://www.w3.org/TR/css3-animations/#animation-events) | A [CSS animation](/ru/docs/CSS/CSS_animations) is repeated. | +| {{Event("animationstart")}} | {{DOMxRef("AnimationEvent")}} {{Experimental_Inline}} | [CSS Animations](http://www.w3.org/TR/css3-animations/#animation-events) | A [CSS animation](/ru/docs/CSS/CSS_animations) has started. | +| {{Event("appinstalled")}} | {{DOMxRef("Event")}} | [Web App Manifest](/ru/docs/Web/Manifest) | A web application is successfully installed as a [progressive web app](/en-US/Apps/Progressive). | +| {{Event("audioprocess")}} | {{DOMxRef("AudioProcessingEvent")}} {{Deprecated_Inline}} | [Web Audio API](https://www.w3.org/TR/webaudio/#AudioProcessingEvent) | The input buffer of a {{DOMxRef("ScriptProcessorNode")}} is ready to be processed. | +| {{Event("audioend")}} {{Experimental_Inline}} | {{DOMxRef("Event")}} | [Web Speech API](https://wicg.github.io/speech-api/) | The user agent has finished capturing audio for speech recognition. | +| {{Event("audiostart")}} {{Experimental_Inline}} | {{DOMxRef("Event")}} | [Web Speech API](https://wicg.github.io/speech-api/) | The user agent has started to capture audio for speech recognition. | +| {{Event("beforeprint")}} | {{DOMxRef("Event")}} | [HTML5](http://www.w3.org/TR/html5/webappapis.html#printing) | The associated document is about to be printed or previewed for printing. | +| {{Event("beforeunload")}} | {{DOMxRef("BeforeUnloadEvent")}} | [HTML5](http://www.w3.org/TR/html5/browsers.html#unloading-documents) | The window, the document and its resources are about to be unloaded. | +| {{Event("beginEvent")}} | {{DOMxRef("TimeEvent")}} | [SVG](http://www.w3.org/TR/SVG/interact.html#SVGEvents) | A [SMIL](/ru/docs/SVG/SVG_animation_with_SMIL) animation element begins. | +| [`blocked`](/ru/docs/Web/Reference/Events/blocked_indexedDB) | | [IndexedDB](http://www.w3.org/TR/IndexedDB/#request-api) | An open connection to a database is blocking a `versionchange` transaction on the same database. | +| {{Event("blur")}} | {{DOMxRef("FocusEvent")}} {{Experimental_Inline}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-blur) | An element has lost focus (does not bubble). | +| {{Event("boundary")}} {{Experimental_Inline}} | {{DOMxRef("SpeechSynthesisEvent")}} | [Web Speech API](https://wicg.github.io/speech-api/) | The spoken utterance reaches a word or sentence boundary | +| {{Event("canplay")}} | {{DOMxRef("Event")}} | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-canplay) | The user agent can play the media, but estimates that not enough data has been loaded to play the media up to its end without having to stop for further buffering of content. | +| {{Event("canplaythrough")}} | {{DOMxRef("Event")}} | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-canplaythrough) | The user agent can play the media up to its end without having to stop for further buffering of content. | +| {{Event("change")}} | {{DOMxRef("Event")}} | [DOM L2](http://www.w3.org/TR/DOM-Level-2-Events/events.html), [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/common-input-element-attributes.html#event-input-change) | The `change` event is fired for {{HTMLElement("input")}}, {{HTMLElement("select")}}, and {{HTMLElement("textarea")}} elements when a change to the element's value is committed by the user. | +| {{Event("chargingchange")}} | {{DOMxRef("Event")}} | [Battery status](https://dvcs.w3.org/hg/dap/raw-file/tip/battery/Overview.html) | The battery begins or stops charging. | +| {{Event("chargingtimechange")}} | {{DOMxRef("Event")}} | [Battery status](https://dvcs.w3.org/hg/dap/raw-file/tip/battery/Overview.html) | The `chargingTime` attribute has been updated. | +| {{Event("click")}} | {{DOMxRef("MouseEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-click) | A pointing device button has been pressed and released on an element. | +| [`close`](/ru/docs/Web/Reference/Events/close_websocket) | {{DOMxRef("Event")}} | [WebSocket](http://www.w3.org/TR/websockets/) | A WebSocket connection has been closed. | +| [`complete`](/ru/docs/Web/Reference/Events/complete_indexedDB) | | [IndexedDB](http://www.w3.org/TR/IndexedDB/#transaction) | A transaction successfully completed. | +| {{Event("complete")}} | {{DOMxRef("OfflineAudioCompletionEvent")}} {{Deprecated_Inline}} | [Web Audio API](https://www.w3.org/TR/webaudio/#OfflineAudioCompletionEvent-section) | The rendering of an {{DOMxRef("OfflineAudioContext")}} is terminated. | +| {{Event("compositionend")}} | {{DOMxRef("CompositionEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-compositionend) | The composition of a passage of text has been completed or canceled. | +| {{Event("compositionstart")}} | {{DOMxRef("CompositionEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-compositionstart) | The composition of a passage of text is prepared (similar to keydown for a keyboard input, but works with other inputs such as speech recognition). | +| {{Event("compositionupdate")}} | {{DOMxRef("CompositionEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-compositionupdate) | A character is added to a passage of text being composed. | +| {{Event("contextmenu")}} | {{DOMxRef("MouseEvent")}} | [HTML5](https://html.spec.whatwg.org/multipage/forms.html#context-menus) | The right button of the mouse is clicked (before the context menu is displayed). | +| {{Event("copy")}} | {{DOMxRef("ClipboardEvent")}} {{Experimental_Inline}} | [Clipboard](http://www.w3.org/TR/clipboard-apis/#copy-event) | The text selection has been added to the clipboard. | +| {{Event("cut")}} | {{DOMxRef("ClipboardEvent")}} {{Experimental_Inline}} | [Clipboard](http://www.w3.org/TR/clipboard-apis/#cut-event) | The text selection has been removed from the document and added to the clipboard. | +| {{Event("dblclick")}} | {{DOMxRef("MouseEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-dblclick) | A pointing device button is clicked twice on an element. | +| {{Event("devicechange")}} | {{DOMxRef("Event")}} | [Media Capture and Streams](https://w3c.github.io/mediacapture-main/) | A media device such as a camera, microphone, or speaker is connected or removed from the system. | +| {{Event("devicemotion")}} | {{DOMxRef("DeviceMotionEvent")}} {{Experimental_Inline}} | [Device Orientation Events](http://dev.w3.org/geo/api/spec-source-orientation.html) | Fresh data is available from a motion sensor. | +| {{Event("deviceorientation")}} | {{DOMxRef("DeviceOrientationEvent")}} {{Experimental_Inline}} | [Device Orientation Events](http://dev.w3.org/geo/api/spec-source-orientation.html) | Fresh data is available from an orientation sensor. | +| {{Event("dischargingtimechange")}} | {{DOMxRef("Event")}} | [Battery status](https://dvcs.w3.org/hg/dap/raw-file/tip/battery/Overview.html) | The `dischargingTime` attribute has been updated. | +| `DOMActivate` {{Deprecated_Inline}} | {{DOMxRef("UIEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMActivate) | A button, link or state changing element is activated (use {{Event("click")}} instead). | +| [`DOMAttributeNameChanged`](/ru/docs/DOM/Mutation_events) {{Deprecated_Inline}} | {{DOMxRef("MutationNameEvent")}} | [DOM L3](http://www.w3.org/TR/2011/WD-DOM-Level-3-Events-20110531/#event-type-DOMAttributeNameChanged) Removed | The name of an attribute changed (use [mutation observers](/ru/docs/DOM/MutationObserver) instead). | +| [`DOMAttrModified`](/ru/docs/DOM/Mutation_events) {{Deprecated_Inline}} | {{DOMxRef("MutationEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMAttrModified) | The value of an attribute has been modified (use [mutation observers](/ru/docs/DOM/MutationObserver) instead). | +| [`DOMCharacterDataModified`](/ru/docs/DOM/Mutation_events) {{Deprecated_Inline}} | {{DOMxRef("MutationEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMCharacterDataModified) | A text or another [CharacterData](/ru/docs/DOM/CharacterData) has changed (use [mutation observers](/ru/docs/DOM/MutationObserver) instead). | +| {{Event("DOMContentLoaded")}} | {{DOMxRef("Event")}} | [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-end.html#the-end) | The document has finished loading (but not its dependent resources). | +| [`DOMElementNameChanged`](/ru/docs/DOM/Mutation_events) {{Deprecated_Inline}} | {{DOMxRef("MutationNameEvent")}} | [DOM L3](http://www.w3.org/TR/2011/WD-DOM-Level-3-Events-20110531/#event-type-DOMElementNameChanged) Removed | The name of an element changed (use [mutation observers](/ru/docs/DOM/MutationObserver) instead). | +| `DOMFocusIn` {{Deprecated_Inline}} | {{DOMxRef("FocusEvent")}} {{Experimental_Inline}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMFocusIn) | An element has received focus (use {{Event("focus")}} or {{Event("focusin")}} instead). | +| `DOMFocusOut` {{Deprecated_Inline}} | {{DOMxRef("FocusEvent")}} {{Experimental_Inline}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMFocusOut) | An element has lost focus (use {{Event("blur")}} or {{Event("focusout")}} instead). | +| [`DOMNodeInserted`](/ru/docs/DOM/Mutation_events) {{Deprecated_Inline}} | {{DOMxRef("MutationEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeInserted) | A node has been added as a child of another node (use [mutation observers](/ru/docs/DOM/MutationObserver) instead). | +| [`DOMNodeInsertedIntoDocument`](/ru/docs/DOM/Mutation_events) {{Deprecated_Inline}} | {{DOMxRef("MutationEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeInsertedIntoDocument) | A node has been inserted into the document (use [mutation observers](/ru/docs/DOM/MutationObserver) instead). | +| [`DOMNodeRemoved`](/ru/docs/DOM/Mutation_events) {{Deprecated_Inline}} | {{DOMxRef("MutationEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeRemoved) | A node has been removed from its parent node (use [mutation observers](/ru/docs/DOM/MutationObserver) instead). | +| [`DOMNodeRemovedFromDocument`](/ru/docs/DOM/Mutation_events) {{Deprecated_Inline}} | {{DOMxRef("MutationEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeRemovedFromDocument) | A node has been removed from the document (use [mutation observers](/ru/docs/DOM/MutationObserver) instead). | +| [`DOMSubtreeModified`](/ru/docs/DOM/Mutation_events) {{Deprecated_Inline}} | {{DOMxRef("MutationEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMSubtreeModified) | A change happened in the document (use [mutation observers](/ru/docs/DOM/MutationObserver) instead). | +| {{Event("drag")}} | {{DOMxRef("DragEvent")}} | [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-drag) | An element or text selection is being dragged (every 350ms). | +| {{Event("dragend")}} | {{DOMxRef("DragEvent")}} | [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragend) | A drag operation is being ended (by releasing a mouse button or hitting the escape key). | +| {{Event("dragenter")}} | {{DOMxRef("DragEvent")}} | [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragenter) | A dragged element or text selection enters a valid drop target. | +| {{Event("dragleave")}} | {{DOMxRef("DragEvent")}} | [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragleave) | A dragged element or text selection leaves a valid drop target. | +| {{Event("dragover")}} | {{DOMxRef("DragEvent")}} | [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragover) | An element or text selection is being dragged over a valid drop target (every 350ms). | +| {{Event("dragstart")}} | {{DOMxRef("DragEvent")}} | [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragstart) | The user starts dragging an element or text selection. | +| {{Event("drop")}} | {{DOMxRef("DragEvent")}} | [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-drop) | An element is dropped on a valid drop target. | +| {{Event("durationchange")}} | {{DOMxRef("Event")}} | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-durationchange) | The `duration` attribute has been updated. | +| {{Event("emptied")}} | {{DOMxRef("Event")}} | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-emptied) | The media has become empty; for example, this event is sent if the media has already been loaded (or partially loaded), and the [`load()`](/ru/docs/XPCOM_Interface_Reference/NsIDOMHTMLMediaElement) method is called to reload it. | +| {{Event("end_(SpeechRecognition)","end")}} {{Experimental_Inline}} | {{DOMxRef("Event")}} | [Web Speech API](https://wicg.github.io/speech-api/) | The speech recognition service has disconnected. | +| {{Event("end_(SpeechSynthesis)","end")}} {{Experimental_Inline}} | {{DOMxRef("SpeechSynthesisEvent")}} | [Web Speech API](https://wicg.github.io/speech-api/) | The utterance has finished being spoken. | +| {{Event("ended")}} | {{DOMxRef("Event")}} | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-ended) | Playback has stopped because the end of the media was reached. | +| {{Event("ended_(Web_Audio)", "ended")}} | {{DOMxRef("Event")}} | [Web Audio API](https://www.w3.org/TR/webaudio/) | Playback has stopped because the end of the media was reached. | +| {{Event("endEvent")}} | {{DOMxRef("TimeEvent")}} | [SVG](http://www.w3.org/TR/SVG/interact.html#SVGEvents) | A [SMIL](/ru/docs/SVG/SVG_animation_with_SMIL) animation element ends. | +| {{Event("error")}} | {{DOMxRef("UIEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-error) | A resource failed to load. | +| {{Event("error")}} | {{DOMxRef("ProgressEvent")}} | [Progress](http://www.w3.org/TR/progress-events/) and [XMLHttpRequest](http://www.w3.org/TR/XMLHttpRequest/#event-xhr-error) | Progression has failed. | +| {{Event("error")}} | {{DOMxRef("Event")}} | [WebSocket](http://www.w3.org/TR/websockets/) | A WebSocket connection has been closed with prejudice (some data couldn't be sent for example). | +| {{Event("error")}} | {{DOMxRef("Event")}} | [Server Sent Events](http://dev.w3.org/html5/eventsource/) | An event source connection has been failed. | +| {{Event("error")}} | {{DOMxRef("Event")}} | [IndexedDB](http://www.w3.org/TR/IndexedDB/#request-api) | A request caused an error and failed. | +| {{Event("error_(SpeechRecognitionError)","error")}} {{Experimental_Inline}} | {{DOMxRef("Event")}} | [Web Speech API](https://wicg.github.io/speech-api/) | A speech recognition error occurs. | +| {{Event("error_(SpeechSynthesisError)","error")}} | {{DOMxRef("SpeechSynthesisErrorEvent")}} | [Web Speech API](https://wicg.github.io/speech-api/) | An error occurs that prevents the utterance from being successfully spoken. | +| {{Event("focus")}} | {{DOMxRef("FocusEvent")}} {{Experimental_Inline}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-focus) | An element has received focus (does not bubble). | +| {{Event("focusin")}} | {{DOMxRef("FocusEvent")}} {{Experimental_Inline}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-focusIn) | An element is about to receive focus (bubbles). | +| {{Event("focusout")}} | {{DOMxRef("FocusEvent")}} {{Experimental_Inline}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-focusout) | An element is about to lose focus (bubbles). | +| {{Event("fullscreenchange")}} | {{DOMxRef("Event")}} | [Full Screen](https://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html#api) | An element was turned to fullscreen mode or back to normal mode. | +| {{Event("fullscreenerror")}} | {{DOMxRef("Event")}} | [Full Screen](https://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html#api) | It was impossible to switch to fullscreen mode for technical reasons or because the permission was denied. | +| {{Event("gamepadconnected")}} | {{DOMxRef("GamepadEvent")}} {{Experimental_Inline}} | [Gamepad](http://www.w3.org/TR/gamepad/#the-gamepadconnected-event) | A gamepad has been connected. | +| {{Event("gamepaddisconnected")}} | {{DOMxRef("GamepadEvent")}} {{Experimental_Inline}} | [Gamepad](http://www.w3.org/TR/gamepad/#the-gamepaddisconnected-event) | A gamepad has been disconnected. | +| {{Event("gotpointercapture")}} | {{DOMxRef("PointerEvent")}} | [Pointer Events](http://www.w3.org/TR/pointerevents/#the-gotpointercapture-event) | Element receives pointer capture. | +| {{Event("hashchange")}} | {{DOMxRef("HashChangeEvent")}} | [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-hashchange) | The fragment identifier of the URL has changed (the part of the URL after the #). | +| {{Event("lostpointercapture")}} | {{DOMxRef("PointerEvent")}} | [Pointer Events](http://www.w3.org/TR/pointerevents/#the-lostpointercapture-event) | Element lost pointer capture. | +| {{Event("input")}} | {{DOMxRef("Event")}} | [HTML5](http://www.w3.org/TR/html5/forms.html#common-event-behaviors) | The value of an element changes or the content of an element with the attribute [contenteditable](/ru/docs/DOM/Element.contentEditable) is modified. | +| {{Event("invalid")}} | {{DOMxRef("Event")}} | [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/association-of-controls-and-forms.html#constraint-validation) | A submittable element has been checked and doesn't satisfy its constraints. | +| {{Event("keydown")}} | {{DOMxRef("KeyboardEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-keydown) | A key is pressed down. | +| {{Event("keypress")}} {{Deprecated_Inline}} | {{DOMxRef("KeyboardEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-keypress) | A key is pressed down and that key normally produces a character value (use input instead). | +| {{Event("keyup")}} | {{DOMxRef("KeyboardEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-keyup) | A key is released. | +| {{Event("languagechange")}} {{Experimental_Inline}} | {{DOMxRef("Event")}} | [HTML 5.1](https://www.w3.org/TR/html51/#dom-navigator-languages) | The user's preferred languages have changed. | +| {{Event("levelchange")}} | {{DOMxRef("Event")}} | [Battery status](https://dvcs.w3.org/hg/dap/raw-file/tip/battery/Overview.html) | The `level` attribute has been updated. | +| {{Event("load")}} | {{DOMxRef("UIEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-load) | A resource and its dependent resources have finished loading. | +| [`load`]() | {{DOMxRef("ProgressEvent")}} | [Progress](http://www.w3.org/TR/progress-events/) and [XMLHttpRequest](http://www.w3.org/TR/XMLHttpRequest/#event-xhr-load) | Progression has been successful. | +| {{Event("loadeddata")}} | {{DOMxRef("Event")}} | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-loadeddata) | The first frame of the media has finished loading. | +| {{Event("loadedmetadata")}} | {{DOMxRef("Event")}} | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-loadedmetadata) | The metadata has been loaded. | +| {{Event("loadend")}} | {{DOMxRef("ProgressEvent")}} | [Progress](http://www.w3.org/TR/progress-events/) and [XMLHttpRequest](http://www.w3.org/TR/XMLHttpRequest/#event-xhr-loadend) | Progress has stopped (after "error", "abort" or "load" have been dispatched). | +| {{Event("loadstart")}} | {{DOMxRef("ProgressEvent")}} | [Progress](http://www.w3.org/TR/progress-events/) and [XMLHttpRequest](http://www.w3.org/TR/XMLHttpRequest/#event-xhr-loadstart) | Progress has begun. | +| {{Event("mark")}} {{Experimental_Inline}} | {{DOMxRef("SpeechSynthesisEvent")}} | [Web Speech API](https://wicg.github.io/speech-api/) | The spoken utterance reaches a named SSML "mark" tag. | +| [`message`](/ru/docs/Web/Reference/Events/message_websocket) | {{DOMxRef("MessageEvent")}} | [WebSocket](http://www.w3.org/TR/websockets/) | A message is received through a WebSocket. | +| [`message`](/ru/docs/Web/Reference/Events/message_webworker) | {{DOMxRef("MessageEvent")}} | [Web Workers](http://www.w3.org/TR/workers/#communicating-with-a-dedicated-worker) | A message is received from a Web Worker. | +| [`message`](/ru/docs/Web/Reference/Events/message_webmessaging) | {{DOMxRef("MessageEvent")}} | [Web Messaging](http://www.w3.org/TR/webmessaging/) | A message is received from a child (i)frame or a parent window. | +| [`message`](/ru/docs/Web/Reference/Events/message_serversentevents) | {{DOMxRef("MessageEvent")}} | [Server Sent Events](http://dev.w3.org/html5/eventsource/) | A message is received through an event source. | +| {{Event("messageerror")}} | {{DOMxRef("MessageEvent")}} | {{DOMxRef("MessagePort")}}, [Web Workers](/ru/docs/Web/API/Web_Workers_API), [Broadcast Channel](/ru/docs/Web/API/Broadcast_Channel_API), {{DOMxRef("Window")}} | A message error is raised when a message is received by an object. | +| {{Event("message_(ServiceWorker)","message")}} {{Experimental_Inline}} | {{DOMxRef("ServiceWorkerMessageEvent")}} or {{DOMxRef("ExtendableMessageEvent")}}, depending on context. | [Service Workers](/ru/docs/Web/API/Service_Worker_API) | A message is received from a service worker, or a message is received in a service worker from another context. | +| {{Event("mousedown")}} | {{DOMxRef("MouseEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mousedown) | A pointing device button (usually a mouse) is pressed on an element. | +| {{Event("mouseenter")}} | {{DOMxRef("MouseEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseenter) | A pointing device is moved onto the element that has the listener attached. | +| {{Event("mouseleave")}} | {{DOMxRef("MouseEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseleave) | A pointing device is moved off the element that has the listener attached. | +| {{Event("mousemove")}} | {{DOMxRef("MouseEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mousemove) | A pointing device is moved over an element. | +| {{Event("mouseout")}} | {{DOMxRef("MouseEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseout) | A pointing device is moved off the element that has the listener attached or off one of its children. | +| {{Event("mouseover")}} | {{DOMxRef("MouseEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseover) | A pointing device is moved onto the element that has the listener attached or onto one of its children. | +| {{Event("mouseup")}} | {{DOMxRef("MouseEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseup) | A pointing device button is released over an element. | +| {{Event("nomatch")}} {{Experimental_Inline}} | {{DOMxRef("SpeechRecognitionEvent")}} | [Web Speech API](https://wicg.github.io/speech-api/) | The speech recognition service returns a final result with no significant recognition. | +| {{Event("notificationclick")}} | {{DOMxRef("NotificationEvent")}} {{Experimental_Inline}} | [Notifications API](https://notifications.spec.whatwg.org/#dom-serviceworkerglobalscope-onnotificationclick) | A system notification spawned by {{DOMxRef("ServiceWorkerRegistration.showNotification()")}} has been clicked. | +| {{Event("offline")}} | {{DOMxRef("Event")}} | [HTML5 offline](http://www.whatwg.org/specs/web-apps/current-work/multipage/offline.html#event-offline) | The browser has lost access to the network. | +| {{Event("online")}} | {{DOMxRef("Event")}} | [HTML5 offline](http://www.whatwg.org/specs/web-apps/current-work/multipage/offline.html#event-online) | The browser has gained access to the network (but particular websites might be unreachable). | +| [`open`](/ru/docs/Web/Reference/Events/open_websocket) | {{DOMxRef("Event")}} | [WebSocket](http://www.w3.org/TR/websockets/) | A WebSocket connection has been established. | +| [`open`](/ru/docs/Web/Reference/Events/open_serversentevents) | {{DOMxRef("Event")}} | [Server Sent Events](http://dev.w3.org/html5/eventsource/) | An event source connection has been established. | +| {{Event("orientationchange")}} | {{DOMxRef("Event")}} | [Screen Orientation](http://www.w3.org/TR/screen-orientation/) | The orientation of the device (portrait/landscape) has changed | +| {{Event("pagehide")}} | {{DOMxRef("PageTransitionEvent")}} | [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-pagehide) | A session history entry is being traversed from. | +| {{Event("pageshow")}} | {{DOMxRef("PageTransitionEvent")}} | [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-pageshow) | A session history entry is being traversed to. | +| {{Event("paste")}} | {{DOMxRef("ClipboardEvent")}} {{Experimental_Inline}} | [Clipboard](http://www.w3.org/TR/clipboard-apis/#paste-event) | Data has been transferred from the system clipboard to the document. | +| {{Event("pause")}} | {{DOMxRef("Event")}} | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-pause) | Playback has been paused. | +| {{Event("pause_(SpeechSynthesis)", "pause")}} {{Experimental_Inline}} | {{DOMxRef("SpeechSynthesisEvent")}} | [Web Speech API](https://wicg.github.io/speech-api/) | The utterance is paused part way through. | +| {{Event("pointercancel")}} | {{DOMxRef("PointerEvent")}} | [Pointer Events](http://www.w3.org/TR/pointerevents/#the-pointercancel-event) | The pointer is unlikely to produce any more events. | +| {{Event("pointerdown")}} | {{DOMxRef("PointerEvent")}} | [Pointer Events](http://www.w3.org/TR/pointerevents/#the-pointerdown-event) | The pointer enters the active buttons state. | +| {{Event("pointerenter")}} | {{DOMxRef("PointerEvent")}} | [Pointer Events](http://www.w3.org/TR/pointerevents/#the-pointerenter-event) | Pointing device is moved inside the hit-testing boundary. | +| {{Event("pointerleave")}} | {{DOMxRef("PointerEvent")}} | [Pointer Events](http://www.w3.org/TR/pointerevents/#the-pointerleave-event) | Pointing device is moved out of the hit-testing boundary. | +| {{Event("pointerlockchange")}} | {{DOMxRef("Event")}} | [Pointer Lock](http://www.w3.org/TR/pointerlock/#pointerlockchange-and-pointerlockerror-events) | The pointer was locked or released. | +| {{Event("pointerlockerror")}} | {{DOMxRef("Event")}} | [Pointer Lock](http://www.w3.org/TR/pointerlock/#pointerlockchange-and-pointerlockerror-events) | It was impossible to lock the pointer for technical reasons or because the permission was denied. | +| {{Event("pointermove")}} | {{DOMxRef("PointerEvent")}} | [Pointer Events](http://www.w3.org/TR/pointerevents/#the-pointermove-event) | The pointer changed coordinates. | +| {{Event("pointerout")}} | {{DOMxRef("PointerEvent")}} | [Pointer Events](http://www.w3.org/TR/pointerevents/#the-pointerout-event) | The pointing device moved out of hit-testing boundary or leaves detectable hover range. | +| {{Event("pointerover")}} | {{DOMxRef("PointerEvent")}} | [Pointer Events](http://www.w3.org/TR/pointerevents/#the-pointerover-event) | The pointing device is moved into the hit-testing boundary. | +| {{Event("pointerup")}} | {{DOMxRef("PointerEvent")}} | [Pointer Events](http://www.w3.org/TR/pointerevents/#the-pointerup-event) | The pointer leaves the active buttons state. | +| {{Event("play")}} | {{DOMxRef("Event")}} | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-play) | Playback has begun. | +| {{Event("playing")}} | {{DOMxRef("Event")}} | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-playing) | Playback is ready to start after having been paused or delayed due to lack of data. | +| {{Event("popstate")}} | {{DOMxRef("PopStateEvent")}} | [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-popstate) | A session history entry is being navigated to (in certain cases). | +| {{Event("progress")}} | {{DOMxRef("ProgressEvent")}} | [Progress](http://www.w3.org/TR/progress-events/) and [XMLHttpRequest](http://www.w3.org/TR/XMLHttpRequest/#event-xhr-progress) | In progress. | +| {{Event("push")}} | {{DOMxRef("PushEvent")}} {{Experimental_Inline}} | [Push API](https://w3c.github.io/push-api/) | A [Service Worker](/ru/docs/Web/API/Service_Worker_API) has received a push message. | +| {{Event("pushsubscriptionchange")}} | {{DOMxRef("PushEvent")}} {{Experimental_Inline}} | [Push API](https://w3c.github.io/push-api/) | A [PushSubscription](/ru/docs/Web/API/PushSubscription) has expired. | +| {{Event("ratechange")}} | {{DOMxRef("Event")}} | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-ratechange) | The playback rate has changed. | +| {{Event("readystatechange")}} | {{DOMxRef("Event")}} | HTML5 and [XMLHttpRequest](http://www.w3.org/TR/XMLHttpRequest/#event-xhr-readystatechange) | The readyState attribute of a document has changed. | +| {{Event("repeatEvent")}} | {{DOMxRef("TimeEvent")}} | [SVG](http://www.w3.org/TR/SVG/interact.html#SVGEvents) | A [SMIL](/ru/docs/SVG/SVG_animation_with_SMIL) animation element is repeated. | +| {{Event("reset")}} | {{DOMxRef("Event")}} | [DOM L2](http://www.w3.org/TR/DOM-Level-2-Events/events.html), [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/association-of-controls-and-forms.html#form-submission-0#resetting-a-form) | A form is reset. | +| {{Event("resize")}} | {{DOMxRef("UIEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-resize) | The document view has been resized. | +| {{Event("resourcetimingbufferfull")}} | {{DOMxRef("Performance")}} | [Resource Timing](https://w3c.github.io/resource-timing/#dom-performance-onresourcetimingbufferfull) | The browser's resource timing buffer is full. | +| {{Event("result")}} {{Experimental_Inline}} | {{DOMxRef("SpeechRecognitionEvent")}} {{Experimental_Inline}} | [Web Speech API](https://wicg.github.io/speech-api/) | The speech recognition service returns a result — a word or phrase has been positively recognized and this has been communicated back to the app. | +| {{Event("resume")}} {{Experimental_Inline}} | {{DOMxRef("SpeechSynthesisEvent")}} {{Experimental_Inline}} | [Web Speech API](https://wicg.github.io/speech-api/) | A paused utterance is resumed. | +| {{Event("scroll")}} | {{DOMxRef("UIEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-scroll) | The document view or an element has been scrolled. | +| {{Event("seeked")}} | {{DOMxRef("Event")}} | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-seeked) | A _seek_ operation completed. | +| {{Event("seeking")}} | {{DOMxRef("Event")}} | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-seeking) | A _seek_ operation began. | +| {{Event("select")}} | {{DOMxRef("UIEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-select) | Some text is being selected. | +| {{Event("selectstart")}} {{Experimental_Inline}} | {{DOMxRef("Event")}} | [Selection API](https://w3c.github.io/selection-api/) | A selection just started. | +| {{Event("selectionchange")}} {{Experimental_Inline}} | {{DOMxRef("Event")}} | [Selection API](https://w3c.github.io/selection-api/) | The selection in the document has been changed. | +| {{Event("show")}} | {{DOMxRef("MouseEvent")}} | [HTML5](http://www.w3.org/TR/html5/interactive-elements.html#context-menus) | A contextmenu event was fired on/bubbled to an element that has a [contextmenu](/ru/docs/DOM/element.contextmenu) attribute | +| {{Event("slotchange")}} | {{DOMxRef("Event")}} | [DOM](https://dom.spec.whatwg.org/) | The node contents of a {{DOMxRef("HTMLSlotElement")}} ({{htmlelement("slot")}}) have changed. | +| {{Event("soundend")}} {{Experimental_Inline}} | {{DOMxRef("Event")}} | [Web Speech API](https://wicg.github.io/speech-api/) | Any sound — recognisable speech or not — has stopped being detected. | +| {{Event("soundstart")}} {{Experimental_Inline}} | {{DOMxRef("Event")}} | [Web Speech API](https://wicg.github.io/speech-api/) | Any sound — recognisable speech or not — has been detected. | +| {{Event("speechend")}} {{Experimental_Inline}} | {{DOMxRef("Event")}} | [Web Speech API](https://wicg.github.io/speech-api/) | Speech recognised by the speech recognition service has stopped being detected. | +| {{Event("speechstart")}} {{Experimental_Inline}} | {{DOMxRef("Event")}} | [Web Speech API](https://wicg.github.io/speech-api/) | Sound that is recognised by the speech recognition service as speech has been detected. | +| {{Event("stalled")}} | {{DOMxRef("Event")}} | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-stalled) | The user agent is trying to fetch media data, but data is unexpectedly not forthcoming. | +| {{Event("start_(SpeechRecognition)","start")}} {{Experimental_Inline}} | {{DOMxRef("Event")}} | [Web Speech API](https://wicg.github.io/speech-api/) | The speech recognition service has begun listening to incoming audio with intent to recognize grammars associated with the current `SpeechRecognition`. | +| {{Event("start_(SpeechSynthesis)","start")}} | {{DOMxRef("SpeechSynthesisEvent")}} | [Web Speech API](https://wicg.github.io/speech-api/) | The utterance has begun to be spoken. | +| {{Event("storage")}} | {{DOMxRef("StorageEvent")}} | [Web Storage](http://www.w3.org/TR/webstorage/#the-storage-event) | A storage area ([localStorage](/ru/docs/DOM/Storage#localStorage) or [sessionStorage](/ru/docs/DOM/Storage#sessionStorage)) has changed. | +| {{Event("submit")}} | {{DOMxRef("Event")}} | [DOM L2](http://www.w3.org/TR/DOM-Level-2-Events/events.html), [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/association-of-controls-and-forms.html#form-submission-algorithm) | A form is submitted. | +| [`success`](/ru/docs/Web/Reference/Events/success_indexedDB) | {{DOMxRef("Event")}} | [IndexedDB](http://www.w3.org/TR/IndexedDB/#request-api) | A request successfully completed. | +| {{Event("suspend")}} | {{DOMxRef("Event")}} | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-suspend) | Media data loading has been suspended. | +| {{Event("SVGAbort")}} | {{DOMxRef("SVGEvent")}} | [SVG](http://www.w3.org/TR/SVG/interact.html#SVGEvents) | Page loading has been stopped before the [SVG](/ru/docs/SVG) was loaded. | +| {{Event("SVGError")}} | {{DOMxRef("SVGEvent")}} | [SVG](http://www.w3.org/TR/SVG/interact.html#SVGEvents) | An error has occurred before the [SVG](/ru/docs/SVG) was loaded. | +| {{Event("SVGLoad")}} | {{DOMxRef("SVGEvent")}} | [SVG](http://www.w3.org/TR/SVG/interact.html#SVGEvents) | An [SVG](/ru/docs/SVG) document has been loaded and parsed. | +| {{Event("SVGResize")}} | {{DOMxRef("SVGEvent")}} | [SVG](http://www.w3.org/TR/SVG/interact.html#SVGEvents) | An [SVG](/ru/docs/SVG) document is being resized. | +| {{Event("SVGScroll")}} | {{DOMxRef("SVGEvent")}} | [SVG](http://www.w3.org/TR/SVG/interact.html#SVGEvents) | An [SVG](/ru/docs/SVG) document is being scrolled. | +| {{Event("SVGUnload")}} | {{DOMxRef("SVGEvent")}} | [SVG](http://www.w3.org/TR/SVG/interact.html#SVGEvents) | An [SVG](/ru/docs/SVG) document has been removed from a window or frame. | +| {{Event("SVGZoom")}} | {{DOMxRef("SVGZoomEvent")}} | [SVG](http://www.w3.org/TR/SVG/interact.html#SVGEvents) | An [SVG](/ru/docs/SVG) document is being zoomed. | +| {{Event("timeout")}} | {{DOMxRef("ProgressEvent")}} | [XMLHttpRequest](http://www.w3.org/TR/XMLHttpRequest/#event-xhr-timeout) | | +| {{Event("timeupdate")}} | {{DOMxRef("Event")}} | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-timeupdate) | The time indicated by the `currentTime` attribute has been updated. | +| {{Event("touchcancel")}} | {{DOMxRef("TouchEvent")}} | [Touch Events](http://www.w3.org/TR/touch-events/) | A touch point has been disrupted in an implementation-specific manners (too many touch points for example). | +| {{Event("touchend")}} | {{DOMxRef("TouchEvent")}} | [Touch Events](http://www.w3.org/TR/touch-events/#the-touchend-event) | A touch point is removed from the touch surface. | +| {{Event("touchmove")}} | {{DOMxRef("TouchEvent")}} | [Touch Events](http://www.w3.org/TR/touch-events/#the-touchmove-event) | A touch point is moved along the touch surface. | +| {{Event("touchstart")}} | {{DOMxRef("TouchEvent")}} | [Touch Events](http://www.w3.org/TR/touch-events/#the-touchstart---------event) | A touch point is placed on the touch surface. | +| {{Event("transitionend")}} | {{DOMxRef("TransitionEvent")}} {{Experimental_Inline}} | [CSS Transitions](http://www.w3.org/TR/css3-transitions/#transition-events) | A [CSS transition](/ru/docs/CSS/CSS_transitions) has completed. | +| {{Event("unload")}} | {{DOMxRef("UIEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-unload) | The document or a dependent resource is being unloaded. | +| [`upgradeneeded`](/ru/docs/Web/Reference/Events/upgradeneeded_indexedDB) | | [IndexedDB](http://www.w3.org/TR/IndexedDB/#request-api) | An attempt was made to open a database with a version number higher than its current version. A `versionchange` transaction has been created. | +| {{Event("userproximity")}} | {{DOMxRef("UserProximityEvent")}} {{Experimental_Inline}} | [Proximity Sensor](https://w3c.github.io/proximity/) | Fresh data is available from a proximity sensor (indicates whether the nearby object is `near` the device or not). | +| {{Event("voiceschanged")}} {{Experimental_Inline}} | {{DOMxRef("Event")}} | [Web Speech API](https://wicg.github.io/speech-api/) | The list of {{DOMxRef("SpeechSynthesisVoice")}} objects that would be returned by the {{DOMxRef("SpeechSynthesis.getVoices()")}} method has changed (when the {{Event("voiceschanged")}} event fires.) | +| [`versionchange`](/ru/docs/Web/Reference/Events/versionchange_indexedDB) | | [IndexedDB](http://www.w3.org/TR/IndexedDB/#database-interface) | A `versionchange` transaction completed. | +| {{Event("visibilitychange")}} | {{DOMxRef("Event")}} | [Page visibility](http://www.w3.org/TR/page-visibility/#sec-visibilitychange-event) | The content of a tab has become visible or has been hidden. | +| {{Event("volumechange")}} | {{DOMxRef("Event")}} | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-volumechange) | The volume has changed. | +| {{Event("waiting")}} | {{DOMxRef("Event")}} | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-waiting) | Playback has stopped because of a temporary lack of data. | +| {{Event("wheel")}} | {{DOMxRef("WheelEvent")}} | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-wheel) | A wheel button of a pointing device is rotated in any direction. | ## Нестандартные события diff --git a/files/ru/web/html/attributes/index.md b/files/ru/web/html/attributes/index.md index 2020a78a4a82d8..294f948b38b557 100644 --- a/files/ru/web/html/attributes/index.md +++ b/files/ru/web/html/attributes/index.md @@ -7,134 +7,119 @@ slug: Web/HTML/Attributes ## Список атрибутов -| Имя атрибута | Элементы | Описание | -| ----------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -| `hidden` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes) | Предотвращает генерирование данного элемента, в то время как сохраняет дочерние элементы, например, элементы script, active. | -| `high` | {{ HTMLElement("meter") }} | Указывает нижнюю границу верхнего диапазона. | -| `href` | {{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("base") }}, {{ HTMLElement("link") }} | URL связанного ресурса. | -| `hreflang` | {{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("link") }} | Указывает язык связанного ресурса. | -| `http-equiv` | {{ HTMLElement("meta") }} | | -| `icon` | {{ HTMLElement("command") }} | Указывает картинку, которая будет представлять команду. | -| `id` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes "Глобальные атрибуты могут быть указаны для любых элементов HTML, | -| даже для тех, которые не указаны в стандарте.") | Часто используется с CSS для стилизации заданного элемента. Значение атрибута должно быть уникальным. | -| `ismap` | {{ HTMLElement("img") }} | Показывает, что изображение часть серверной карты изображений. | -| `itemprop` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes "Глобальные атрибуты могут быть указаны для любых элементов HTML, | -| даже для тех, которые не указаны в стандарте.") | | -| `kind` | {{ HTMLElement("track") }} | Указывает вид дорожки текста. | -| `label` | {{ HTMLElement("track") }} | Указывает читабельный заголовок дорожки текста. | -| `lang` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes "Глобальные атрибуты могут быть указаны для любых элементов HTML, | -| даже для тех, которые не указаны в стандарте.") | Определяет язык для используемого элемента. | -| `language` | {{ HTMLElement("script") }} | Определяет язык скрипта, используемый в элементе. | -| `list` | {{ HTMLElement("input") }} | Задаёт список предустановленных опций для предложения пользователю. | -| `loop` | {{ HTMLElement("audio") }}, {{ HTMLElement("bgsound") }}, {{ HTMLElement("marquee") }}, {{ HTMLElement("video") }} | Указывает, следует ли медиа элементам начинать проигрывание сначала, после их завершения. | -| `low` | {{ HTMLElement("meter") }} | Указывает верхнюю границу нижнего диапазона. | -| `manifest` | {{ HTMLElement("html") }} | Задаёт URL кешированного манифеста документа. | -| `max` | {{ HTMLElement("input") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("progress") }} | Указывает максимальное допустимое значение. | -| `maxlength` | {{ HTMLElement("input") }}, {{ HTMLElement("textarea") }} | Определяет максимальное количество символов, допустимых в элементе. | -| `media` | {{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("link") }}, {{ HTMLElement("source") }}, {{ HTMLElement("style") }} | Задаёт подсказку медиа, для которой, связанный ресурс был спроектирован. | -| `method` | {{ HTMLElement("form") }} | Определяет, какой HTTP метод использовать, когда отправляются данные формы. Может быть GET (по умолчанию) или POST. | -| `min` | {{ HTMLElement("input") }}, {{ HTMLElement("meter") }} | Показывает минимальное допустимое значение. | -| `multiple` | {{ HTMLElement("input") }}, {{ HTMLElement("select") }} | Показывает могут ли быть выбраны множественные значения в input типа email или file. | -| `name` | {{ HTMLElement("button") }}, {{ HTMLElement("form") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("input") }}, {{ HTMLElement("object") }}, {{ HTMLElement("output") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}, {{ HTMLElement("map") }}, {{ HTMLElement("meta") }}, {{ HTMLElement("param") }} | Имя элемента. К примеру, используется сервером для определения полей отправленной формы. | -| `novalidate` | {{ HTMLElement("form") }} | Этот атрибут указывает, что форма не должна проверяться, когда передаётся на сервер. | -| `open` | {{ HTMLElement("details") }} | Указывает, отображать ли детали при загрузки страницы. | -| `optimum` | {{ HTMLElement("meter") }} | Указывает оптимальное числовое значение. | -| `pattern` | {{ HTMLElement("input") }} | Определяет регулярное выражение, которое будет проверять входные данные элемента. | -| `ping` | {{ HTMLElement("a") }}, {{ HTMLElement("area") }} | | -| `placeholder` | {{ HTMLElement("input") }}, {{ HTMLElement("textarea") }} | Предоставляет подсказку пользователю, касательно того, что можно ввести в поле. | -| `poster` | {{ HTMLElement("video") }} | URL указывающий блок постера для показа, пока пользователь играет или ищет. | -| `preload` | {{ HTMLElement("audio") }}, {{ HTMLElement("video") }} | Указывает загружать ли ресурс целиком, его часть или не загружать вовсе. | -| `pubdate` | {{ HTMLElement("time") }} | Указывает, что эта дата и время являются ли датой ближайшего элемента предка {{ HTMLElement("article") }}. | -| `radiogroup` | {{ HTMLElement("command") }} | | -| `readonly` | {{ HTMLElement("input") }}, {{ HTMLElement("textarea") }} | Указывает, можно ли редактировать элемент. | -| `rel` | {{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("link") }} | Задаёт отношение целевого объекта к объекту ссылки. | -| `required` | {{ HTMLElement("input") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }} | Указывает, необходимо ли заполнять этот элемент или нет. | -| `reversed` | {{ HTMLElement("ol") }} | Указывает, отображать ли список по убыванию, вместо того, чтобы показывать его по возрастанию. | -| `rows` | {{ HTMLElement("textarea") }} | Определяет количество строк в textarea. | -| `rowspan` | {{ HTMLElement("td") }}, {{ HTMLElement("th") }} | Определяет количество строк ячейки таблицы, которые следует охватывать. | -| `sandbox` | {{ HTMLElement("iframe") }} | | -| `spellcheck` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes "Глобальные атрибуты могут быть указаны для любых элементов HTML, | -| даже для тех, которые не указаны в стандарте.") | Указывает, разрешена ли проверка правописания для этого элемента. | -| `scope` | {{ HTMLElement("th") }} | | -| `scoped` | {{ HTMLElement("style") }} | | -| `seamless` | {{ HTMLElement("iframe") }} | | -| `selected` | {{ HTMLElement("option") }} | Определяет значение, которое будет выделено при загрузки страницы. | -| `shape` | {{ HTMLElement("a") }}, {{ HTMLElement("area") }} | | -| `size` | {{ HTMLElement("input") }}, {{ HTMLElement("select") }} | Определяет ширину элемента (в пикселях). Если у элемента значение атрибута `type` — `text` или `password`, тогда это количество символов. | -| `sizes` | {{ HTMLElement("link") }} | | -| `span` | {{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }} | | -| `src` | {{ HTMLElement("audio") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("script") }}, {{ HTMLElement("source") }}, {{ HTMLElement("track") }}, {{ HTMLElement("video") }} | URL встраиваемого содержимого. | -| `srcdoc` | {{ HTMLElement("iframe") }} | | -| `srclang` | {{ HTMLElement("track") }} | | -| `srcset` | {{ HTMLElement("img") }} | | -| `start` | {{ HTMLElement("ol") }} | Определяет первый номер, если это не 1. | -| `step` | {{ HTMLElement("input") }} | | -| `style` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes "Глобальные атрибуты могут быть указаны для любых элементов HTML, | -| даже для тех, которые не указаны в стандарте.") | Определяет CSS стили, которые перепишут установленные ранее стили. | -| `summary` | {{ HTMLElement("table") }} | | -| `tabindex` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes "Глобальные атрибуты могут быть указаны для любых элементов HTML, | -| даже для тех, которые не указаны в стандарте.") | Переписывает порядок Tab по умолчанию браузера и следует вместо него заданному. | -| `target` | {{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("base") }}, {{ HTMLElement("form") }} | | -| `title` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes "Глобальные атрибуты могут быть указаны для любых элементов HTML, | -| даже для тех, которые не указаны в стандарте.") | Текст, который будет отображаться в всплывающей подсказке, когда на него наведут указатель. | -| `type` | {{ HTMLElement("button") }}, {{ HTMLElement("input") }}, {{ HTMLElement("command") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("object") }}, {{ HTMLElement("script") }}, {{ HTMLElement("source") }}, {{ HTMLElement("style") }}, {{ HTMLElement("menu") }} | Определяет тип элемента. | -| `usemap` | {{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("object") }} | | -| `value` | {{ HTMLElement("button") }}, {{ HTMLElement("option") }}, {{ HTMLElement("input") }}, {{ HTMLElement("li") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("progress") }}, {{ HTMLElement("param") }} | Определяет значение элемента по умолчанию, которое будет отображаться после загрузки страницы. | -| `width` | {{ HTMLElement("canvas") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("object") }}, {{ HTMLElement("video") }} | Примечание: в некоторых случаях, таких как {{ HTMLElement("div") }}, это устаревший атрибут, в этом случае используйте свойство CSS {{ Cssxref("width") }} вместо него. В других случаях, таких как {{ HTMLElement("canvas") }}, ширина должна быть задана этим атрибутом. | -| `wrap` | {{ HTMLElement("textarea") }} | Указывает, следует ли переносить текст. | -| `border` | {{ HTMLElement("img") }}, {{ HTMLElement("object") }}, {{ HTMLElement("table") }} | Ширина границы.Примечание: это устаревший атрибут, используйте свойство CSS {{ Cssxref("border") }}. | -| `buffered` | {{ HTMLElement("audio") }}, {{ HTMLElement("video") }} | Содержит отрезок времени уже буферизованного медиа. | -| `charset` | {{ HTMLElement("meta") }}, {{ HTMLElement("script") }} | Определяет кодировку страницы или скрипта. | -| `checked` | {{ HTMLElement("command") }}, {{ HTMLElement("input") }} | Указывает, следует ли отметить элемент при загрузки страницы. | -| `cite` | {{ HTMLElement("blockquote") }}, {{ HTMLElement("del") }}, {{ HTMLElement("ins") }}, {{ HTMLElement("q") }} | Содержит URI, который указывает на источник цитаты или изменения. | -| `class` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes "Глобальные атрибуты могут быть указаны для любых элементов HTML, | -| даже для тех, которые не указаны в стандарте.") | Часто используется вместе с CSS, чтобы стилизовать элементы с общими свойствами. | -| `code` | {{ HTMLElement("applet") }} | Указывает URL файла класса аплета для загрузки и выполнения. | -| `codebase` | {{ HTMLElement("applet") }} | Этот атрибут предоставляет абсолютный или относительный URL директории, файлы аплета .class, на которые ссылаются в хранимом атрибуте кода. | -| `color` | {{ HTMLElement("basefont") }}, {{ HTMLElement("font") }}, {{ HTMLElement("hr") }} | Этот атрибут устанавливает цвет текста, используя либо название цвета, либо шестнадцатеричный формат #RRGGBB.Примечание: это устаревший атрибут. Используйте CSS-свойство {{ Cssxref("color") }}. | -| `cols` | {{ HTMLElement("textarea") }} | Определяет количество столбцов в textarea. | -| `colspan` | {{ HTMLElement("td") }}, {{ HTMLElement("th") }} | Определяет диапазон количества столбцов ячейки. | -| `content` | {{ HTMLElement("meta") }} | Значение, ассоциированное с `http-equiv` или `name` зависит от контекста. | -| `contenteditable` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes "Глобальные атрибуты могут быть указаны для любых элементов HTML, | -| даже для тех, которые не указаны в стандарте.") | Указывает, редактируется ли содержимое элемента. | -| `contextmenu` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes "Глобальные атрибуты могут быть указаны для любых элементов HTML, | -| даже для тех, которые не указаны в стандарте.") | Определяет ID элемента {{ HTMLElement("menu") }} который послужит, как контекстное меню элемента. | -| `controls` | {{ HTMLElement("audio") }}, {{ HTMLElement("video") }} | Указывает, следует ли отображать пользователю кнопки воспроизведения. | -| `coords` | {{ HTMLElement("area") }} | Набор значений, задающий координаты области для активного участка. | -| `data` | {{ HTMLElement("object") }} | Задаёт URL ресурса. | -| `data-*` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes "Глобальные атрибуты могут быть указаны для любых элементов HTML, | -| даже для тех, которые не указаны в стандарте.") | Позволяет прикрепить произвольные атрибуты для HTML-элемента. | -| `datetime` | {{ HTMLElement("del") }}, {{ HTMLElement("ins") }}, {{ HTMLElement("time") }} | Указывает дату и время, ассоциированное с элементом. | -| `default` | {{ HTMLElement("track") }} | Указывает, что дорожка должна быть доступна, если пользовательские настройки не говорят об обратном. | -| `defer` | {{ HTMLElement("script") }} | Указывает, что скрипт должен быть запущен, после того как страница будет проанализирована. | -| `dir` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes "Глобальные атрибуты могут быть указаны для любых элементов HTML, | -| даже для тех, которые не указаны в стандарте.") | Определяет направление текста. Допустимые значения ltr (Слева направо) или rtl (Справа налево). | -| `dirname` | {{ HTMLElement("input") }}, {{ HTMLElement("textarea") }} | | -| `disabled` | {{ HTMLElement("button") }}, {{ HTMLElement("command") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("input") }}, {{ HTMLElement("optgroup") }}, {{ HTMLElement("option") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }} | Указывает, может ли пользователь взаимодействовать с элементом. | -| `download` | {{ HTMLElement("a") }}, {{ HTMLElement("area") }} | Указывает, что ссылка используется для загрузки. | -| `draggable` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes "Глобальные атрибуты могут быть указаны для любых элементов HTML, | -| даже для тех, которые не указаны в стандарте.") | Определяет, можно ли перетаскивать элемент. | -| `dropzone` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes "Глобальные атрибуты могут быть указаны для любых элементов HTML, | -| даже для тех, которые не указаны в стандарте.") | Указывает, что элемент принимает содержимое элемента, которое перетаскивают на него. | -| `enctype` | {{ HTMLElement("form") }} | Определяет тип содержимого для данных формы, когда `method` — POST. | -| `for` | {{ HTMLElement("label") }}, {{ HTMLElement("output") }} | Описывает элементы, которые принадлежат им. | -| `form` | {{ HTMLElement("button") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("input") }}, {{ HTMLElement("label") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("object") }}, {{ HTMLElement("output") }}, {{ HTMLElement("progress") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }} | Указывает форму, которая является владельцем элемента. | -| `formaction` | {{ HTMLElement("input") }}, {{ HTMLElement("button") }} | Указывает действие элемента, перезаписывающее действие, указанное в форме {{ HTMLElement("form") }}. | -| `headers` | {{ HTMLElement("td") }}, {{ HTMLElement("th") }} | ID элементов ``, которые применяются к этому элементу. | -| `height` | {{ HTMLElement("canvas") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("object") }}, {{ HTMLElement("video") }} | Примечание: в некоторых экземплярах, таких как {{ HTMLElement("div") }}, это устаревший атрибут, в этом случае используйте свойство CSS {{ Cssxref("height") }}. В других экземплярах, таких как {{ HTMLElement("canvas") }}, высота должна быть задана этим атрибутом. | -| `accept` | {{ HTMLElement("form") }}, {{ HTMLElement("input") }} | Список типов, которые принимает сервер, обычно тип файла. | -| `accept-charset` | {{ HTMLElement("form") }} | Список поддерживаемых наборов символов. | -| `accesskey` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes "Глобальные атрибуты могут быть указаны для любых элементов HTML, | -| даже для тех, которые не указаны в стандарте.") | Определяет клавишную комбинацию для активизации или добавления фокуса к элементу. | -| `action` | {{ HTMLElement("form") }} | URI адрес программы, которая обработает данные, переданные через форму. | -| `align` | {{ HTMLElement("applet") }}, {{ HTMLElement("caption") }}, {{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }}, {{ HTMLElement("hr") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("table") }}, {{ HTMLElement("tbody") }}, {{ HTMLElement("td") }}, {{ HTMLElement("tfoot") }} , {{ HTMLElement("th") }}, {{ HTMLElement("thead") }}, {{ HTMLElement("tr") }} | Задаёт горизонтальное выравнивание элемента. | -| `alt` | {{ HTMLElement("applet") }}, {{ HTMLElement("area") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }} | Альтернативный текст, в случае, если изображение не может быть отображено. | -| `async` | {{ HTMLElement("script") }} | Указывает, что скрипт должен быть выполнен асинхронно. | -| `autocomplete` | {{ HTMLElement("form") }}, {{ HTMLElement("input") }} | Показывает, могут ли управляющие элементы в форме по умолчанию иметь собственные значения для автодополнения в форме. | -| `autofocus` | {{ HTMLElement("button") }}, {{ HTMLElement("input") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }} | На этом элементе следует автоматически сфокусироваться после загрузки страницы. | -| `autoplay` | {{ HTMLElement("audio") }}, {{ HTMLElement("video") }} | Аудио и видео нужно воспроизвести как можно скорее. | -| `autosave` | {{ HTMLElement("input") }} | Предыдущее значения следует сохранить в выпадающем списке при загрузки страницы. | -| `bgcolor` | {{ HTMLElement("body") }}, {{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }}, {{ HTMLElement("marquee") }}, {{ HTMLElement("table") }}, {{ HTMLElement("tbody") }}, {{ HTMLElement("tfoot") }}, {{ HTMLElement("td") }}, {{ HTMLElement("th") }}, {{ HTMLElement("tr") }} | Цвет фона элемента.Примечание: это устаревший атрибут. Используйте свойство CSS {{ Cssxref("background-color") }}. | +| Имя атрибута | Элементы | Описание | +| ----------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | +| `hidden` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes) | Предотвращает генерирование данного элемента, в то время как сохраняет дочерние элементы, например, элементы script, active. | +| `high` | {{ HTMLElement("meter") }} | Указывает нижнюю границу верхнего диапазона. | +| `href` | {{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("base") }}, {{ HTMLElement("link") }} | URL связанного ресурса. | +| `hreflang` | {{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("link") }} | Указывает язык связанного ресурса. | +| `http-equiv` | {{ HTMLElement("meta") }} | | +| `icon` | {{ HTMLElement("command") }} | Указывает картинку, которая будет представлять команду. | +| `id` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes) | Часто используется с CSS для стилизации заданного элемента. Значение атрибута должно быть уникальным. | +| `ismap` | {{ HTMLElement("img") }} | Показывает, что изображение часть серверной карты изображений. | +| `itemprop` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes) | | +| `kind` | {{ HTMLElement("track") }} | Указывает вид дорожки текста. | +| `label` | {{ HTMLElement("track") }} | Указывает читабельный заголовок дорожки текста. | +| `lang` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes) | Определяет язык для используемого элемента. | +| `language` | {{ HTMLElement("script") }} | Определяет язык скрипта, используемый в элементе. | +| `list` | {{ HTMLElement("input") }} | Задаёт список предустановленных опций для предложения пользователю. | +| `loop` | {{ HTMLElement("audio") }}, {{ HTMLElement("bgsound") }}, {{ HTMLElement("marquee") }}, {{ HTMLElement("video") }} | Указывает, следует ли медиа элементам начинать проигрывание сначала, после их завершения. | +| `low` | {{ HTMLElement("meter") }} | Указывает верхнюю границу нижнего диапазона. | +| `manifest` | {{ HTMLElement("html") }} | Задаёт URL кешированного манифеста документа. | +| `max` | {{ HTMLElement("input") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("progress") }} | Указывает максимальное допустимое значение. | +| `maxlength` | {{ HTMLElement("input") }}, {{ HTMLElement("textarea") }} | Определяет максимальное количество символов, допустимых в элементе. | +| `media` | {{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("link") }}, {{ HTMLElement("source") }}, {{ HTMLElement("style") }} | Задаёт подсказку медиа, для которой, связанный ресурс был спроектирован. | +| `method` | {{ HTMLElement("form") }} | Определяет, какой HTTP метод использовать, когда отправляются данные формы. Может быть GET (по умолчанию) или POST. | +| `min` | {{ HTMLElement("input") }}, {{ HTMLElement("meter") }} | Показывает минимальное допустимое значение. | +| `multiple` | {{ HTMLElement("input") }}, {{ HTMLElement("select") }} | Показывает могут ли быть выбраны множественные значения в input типа email или file. | +| `name` | {{ HTMLElement("button") }}, {{ HTMLElement("form") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("input") }}, {{ HTMLElement("object") }}, {{ HTMLElement("output") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}, {{ HTMLElement("map") }}, {{ HTMLElement("meta") }}, {{ HTMLElement("param") }} | Имя элемента. К примеру, используется сервером для определения полей отправленной формы. | +| `novalidate` | {{ HTMLElement("form") }} | Этот атрибут указывает, что форма не должна проверяться, когда передаётся на сервер. | +| `open` | {{ HTMLElement("details") }} | Указывает, отображать ли детали при загрузки страницы. | +| `optimum` | {{ HTMLElement("meter") }} | Указывает оптимальное числовое значение. | +| `pattern` | {{ HTMLElement("input") }} | Определяет регулярное выражение, которое будет проверять входные данные элемента. | +| `ping` | {{ HTMLElement("a") }}, {{ HTMLElement("area") }} | | +| `placeholder` | {{ HTMLElement("input") }}, {{ HTMLElement("textarea") }} | Предоставляет подсказку пользователю, касательно того, что можно ввести в поле. | +| `poster` | {{ HTMLElement("video") }} | URL указывающий блок постера для показа, пока пользователь играет или ищет. | +| `preload` | {{ HTMLElement("audio") }}, {{ HTMLElement("video") }} | Указывает загружать ли ресурс целиком, его часть или не загружать вовсе. | +| `pubdate` | {{ HTMLElement("time") }} | Указывает, что эта дата и время являются ли датой ближайшего элемента предка {{ HTMLElement("article") }}. | +| `radiogroup` | {{ HTMLElement("command") }} | | +| `readonly` | {{ HTMLElement("input") }}, {{ HTMLElement("textarea") }} | Указывает, можно ли редактировать элемент. | +| `rel` | {{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("link") }} | Задаёт отношение целевого объекта к объекту ссылки. | +| `required` | {{ HTMLElement("input") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }} | Указывает, необходимо ли заполнять этот элемент или нет. | +| `reversed` | {{ HTMLElement("ol") }} | Указывает, отображать ли список по убыванию, вместо того, чтобы показывать его по возрастанию. | +| `rows` | {{ HTMLElement("textarea") }} | Определяет количество строк в textarea. | +| `rowspan` | {{ HTMLElement("td") }}, {{ HTMLElement("th") }} | Определяет количество строк ячейки таблицы, которые следует охватывать. | +| `sandbox` | {{ HTMLElement("iframe") }} | | +| `spellcheck` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes) | Указывает, разрешена ли проверка правописания для этого элемента. | +| `scope` | {{ HTMLElement("th") }} | | +| `scoped` | {{ HTMLElement("style") }} | | +| `seamless` | {{ HTMLElement("iframe") }} | | +| `selected` | {{ HTMLElement("option") }} | Определяет значение, которое будет выделено при загрузки страницы. | +| `shape` | {{ HTMLElement("a") }}, {{ HTMLElement("area") }} | | +| `size` | {{ HTMLElement("input") }}, {{ HTMLElement("select") }} | Определяет ширину элемента (в пикселях). Если у элемента значение атрибута `type` — `text` или `password`, тогда это количество символов. | +| `sizes` | {{ HTMLElement("link") }} | | +| `span` | {{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }} | | +| `src` | {{ HTMLElement("audio") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("script") }}, {{ HTMLElement("source") }}, {{ HTMLElement("track") }}, {{ HTMLElement("video") }} | URL встраиваемого содержимого. | +| `srcdoc` | {{ HTMLElement("iframe") }} | | +| `srclang` | {{ HTMLElement("track") }} | | +| `srcset` | {{ HTMLElement("img") }} | | +| `start` | {{ HTMLElement("ol") }} | Определяет первый номер, если это не 1. | +| `step` | {{ HTMLElement("input") }} | | +| `style` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes) | Определяет CSS стили, которые перепишут установленные ранее стили. | +| `summary` | {{ HTMLElement("table") }} | | +| `tabindex` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes) | Переписывает порядок Tab по умолчанию браузера и следует вместо него заданному. | +| `target` | {{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("base") }}, {{ HTMLElement("form") }} | | +| `title` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes) | Текст, который будет отображаться в всплывающей подсказке, когда на него наведут указатель. | +| `type` | {{ HTMLElement("button") }}, {{ HTMLElement("input") }}, {{ HTMLElement("command") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("object") }}, {{ HTMLElement("script") }}, {{ HTMLElement("source") }}, {{ HTMLElement("style") }}, {{ HTMLElement("menu") }} | Определяет тип элемента. | +| `usemap` | {{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("object") }} | | +| `value` | {{ HTMLElement("button") }}, {{ HTMLElement("option") }}, {{ HTMLElement("input") }}, {{ HTMLElement("li") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("progress") }}, {{ HTMLElement("param") }} | Определяет значение элемента по умолчанию, которое будет отображаться после загрузки страницы. | +| `width` | {{ HTMLElement("canvas") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("object") }}, {{ HTMLElement("video") }} | Примечание: в некоторых случаях, таких как {{ HTMLElement("div") }}, это устаревший атрибут, в этом случае используйте свойство CSS {{ Cssxref("width") }} вместо него. В других случаях, таких как {{ HTMLElement("canvas") }}, ширина должна быть задана этим атрибутом. | +| `wrap` | {{ HTMLElement("textarea") }} | Указывает, следует ли переносить текст. | +| `border` | {{ HTMLElement("img") }}, {{ HTMLElement("object") }}, {{ HTMLElement("table") }} | Ширина границы.Примечание: это устаревший атрибут, используйте свойство CSS {{ Cssxref("border") }}. | +| `buffered` | {{ HTMLElement("audio") }}, {{ HTMLElement("video") }} | Содержит отрезок времени уже буферизованного медиа. | +| `charset` | {{ HTMLElement("meta") }}, {{ HTMLElement("script") }} | Определяет кодировку страницы или скрипта. | +| `checked` | {{ HTMLElement("command") }}, {{ HTMLElement("input") }} | Указывает, следует ли отметить элемент при загрузки страницы. | +| `cite` | {{ HTMLElement("blockquote") }}, {{ HTMLElement("del") }}, {{ HTMLElement("ins") }}, {{ HTMLElement("q") }} | Содержит URI, который указывает на источник цитаты или изменения. | +| `class` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes) | Часто используется вместе с CSS, чтобы стилизовать элементы с общими свойствами. | +| `code` | {{ HTMLElement("applet") }} | Указывает URL файла класса аплета для загрузки и выполнения. | +| `codebase` | {{ HTMLElement("applet") }} | Этот атрибут предоставляет абсолютный или относительный URL директории, файлы аплета .class, на которые ссылаются в хранимом атрибуте кода. | +| `color` | {{ HTMLElement("basefont") }}, {{ HTMLElement("font") }}, {{ HTMLElement("hr") }} | Этот атрибут устанавливает цвет текста, используя либо название цвета, либо шестнадцатеричный формат #RRGGBB.Примечание: это устаревший атрибут. Используйте CSS-свойство {{ Cssxref("color") }}. | +| `cols` | {{ HTMLElement("textarea") }} | Определяет количество столбцов в textarea. | +| `colspan` | {{ HTMLElement("td") }}, {{ HTMLElement("th") }} | Определяет диапазон количества столбцов ячейки. | +| `content` | {{ HTMLElement("meta") }} | Значение, ассоциированное с `http-equiv` или `name` зависит от контекста. | +| `contenteditable` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes) | Указывает, редактируется ли содержимое элемента. | +| `contextmenu` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes) | Определяет ID элемента {{ HTMLElement("menu") }} который послужит, как контекстное меню элемента. | +| `controls` | {{ HTMLElement("audio") }}, {{ HTMLElement("video") }} | Указывает, следует ли отображать пользователю кнопки воспроизведения. | +| `coords` | {{ HTMLElement("area") }} | Набор значений, задающий координаты области для активного участка. | +| `data` | {{ HTMLElement("object") }} | Задаёт URL ресурса. | +| `data-*` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes) | Позволяет прикрепить произвольные атрибуты для HTML-элемента. | +| `datetime` | {{ HTMLElement("del") }}, {{ HTMLElement("ins") }}, {{ HTMLElement("time") }} | Указывает дату и время, ассоциированное с элементом. | +| `default` | {{ HTMLElement("track") }} | Указывает, что дорожка должна быть доступна, если пользовательские настройки не говорят об обратном. | +| `defer` | {{ HTMLElement("script") }} | Указывает, что скрипт должен быть запущен, после того как страница будет проанализирована. | +| `dir` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes) | Определяет направление текста. Допустимые значения ltr (Слева направо) или rtl (Справа налево). | +| `dirname` | {{ HTMLElement("input") }}, {{ HTMLElement("textarea") }} | | +| `disabled` | {{ HTMLElement("button") }}, {{ HTMLElement("command") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("input") }}, {{ HTMLElement("optgroup") }}, {{ HTMLElement("option") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }} | Указывает, может ли пользователь взаимодействовать с элементом. | +| `download` | {{ HTMLElement("a") }}, {{ HTMLElement("area") }} | Указывает, что ссылка используется для загрузки. | +| `draggable` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes) | Определяет, можно ли перетаскивать элемент. | +| `dropzone` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes) | Указывает, что элемент принимает содержимое элемента, которое перетаскивают на него. | +| `enctype` | {{ HTMLElement("form") }} | Определяет тип содержимого для данных формы, когда `method` — POST. | +| `for` | {{ HTMLElement("label") }}, {{ HTMLElement("output") }} | Описывает элементы, которые принадлежат им. | +| `form` | {{ HTMLElement("button") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("input") }}, {{ HTMLElement("label") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("object") }}, {{ HTMLElement("output") }}, {{ HTMLElement("progress") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }} | Указывает форму, которая является владельцем элемента. | +| `formaction` | {{ HTMLElement("input") }}, {{ HTMLElement("button") }} | Указывает действие элемента, перезаписывающее действие, указанное в форме {{ HTMLElement("form") }}. | +| `headers` | {{ HTMLElement("td") }}, {{ HTMLElement("th") }} | ID элементов ``, которые применяются к этому элементу. | +| `height` | {{ HTMLElement("canvas") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("object") }}, {{ HTMLElement("video") }} | Примечание: в некоторых экземплярах, таких как {{ HTMLElement("div") }}, это устаревший атрибут, в этом случае используйте свойство CSS {{ Cssxref("height") }}. В других экземплярах, таких как {{ HTMLElement("canvas") }}, высота должна быть задана этим атрибутом. | +| `accept` | {{ HTMLElement("form") }}, {{ HTMLElement("input") }} | Список типов, которые принимает сервер, обычно тип файла. | +| `accept-charset` | {{ HTMLElement("form") }} | Список поддерживаемых наборов символов. | +| `accesskey` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes) | Определяет клавишную комбинацию для активизации или добавления фокуса к элементу. | +| `action` | {{ HTMLElement("form") }} | URI адрес программы, которая обработает данные, переданные через форму. | +| `align` | {{ HTMLElement("applet") }}, {{ HTMLElement("caption") }}, {{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }}, {{ HTMLElement("hr") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("table") }}, {{ HTMLElement("tbody") }}, {{ HTMLElement("td") }}, {{ HTMLElement("tfoot") }} , {{ HTMLElement("th") }}, {{ HTMLElement("thead") }}, {{ HTMLElement("tr") }} | Задаёт горизонтальное выравнивание элемента. | +| `alt` | {{ HTMLElement("applet") }}, {{ HTMLElement("area") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }} | Альтернативный текст, в случае, если изображение не может быть отображено. | +| `async` | {{ HTMLElement("script") }} | Указывает, что скрипт должен быть выполнен асинхронно. | +| `autocomplete` | {{ HTMLElement("form") }}, {{ HTMLElement("input") }} | Показывает, могут ли управляющие элементы в форме по умолчанию иметь собственные значения для автодополнения в форме. | +| `autofocus` | {{ HTMLElement("button") }}, {{ HTMLElement("input") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }} | На этом элементе следует автоматически сфокусироваться после загрузки страницы. | +| `autoplay` | {{ HTMLElement("audio") }}, {{ HTMLElement("video") }} | Аудио и видео нужно воспроизвести как можно скорее. | +| `autosave` | {{ HTMLElement("input") }} | Предыдущее значения следует сохранить в выпадающем списке при загрузки страницы. | +| `bgcolor` | {{ HTMLElement("body") }}, {{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }}, {{ HTMLElement("marquee") }}, {{ HTMLElement("table") }}, {{ HTMLElement("tbody") }}, {{ HTMLElement("tfoot") }}, {{ HTMLElement("td") }}, {{ HTMLElement("th") }}, {{ HTMLElement("tr") }} | Цвет фона элемента.Примечание: это устаревший атрибут. Используйте свойство CSS {{ Cssxref("background-color") }}. | ## Содержимое в сравнении с IDL атрибутами diff --git a/files/ru/web/html/element/td/index.md b/files/ru/web/html/element/td/index.md index a0a702f7f25532..35a8964a69f01d 100644 --- a/files/ru/web/html/element/td/index.md +++ b/files/ru/web/html/element/td/index.md @@ -20,9 +20,12 @@ slug: Web/HTML/Element/td Этот элемент содержит [глобальные атрибуты](/ru/docs/Web/HTML/Global_attributes). - `abbr` + - : Этот аргумент содержит краткое описание содержимого в ячейке. Некоторые устройства для чтения могут подставлять это описание перед самим содержимым ячейки. - > **Примечание:**Не используйте этот атрибут, поскольку он устарел в последнем стандарте. Вместо этого рассмотрите возможность использования атрибута **title**. -- `align` {{deprecated_inline}}, + + > **Примечание:** Не используйте этот атрибут, поскольку он устарел в последнем стандарте. Вместо этого рассмотрите возможность использования атрибута **title**. + +- `align` {{deprecated_inline}} - : Это перечисляемый атрибут указывает каким будет горизонтальное выравнивание содержимого каждой ячейки. Возможные значения: @@ -32,46 +35,57 @@ slug: Web/HTML/Element/td - `justify`, вставляет пробелы в текстовое содержимое ячейки, чтобы содержимое заняло ячейку - `char`, выравнивает текстовое содержимое по заданному символу с минимальным смещением, определяется атрибутами [`char`](/ru/docs/Web/HTML/Element/td#char) и [`charoff`](/ru/docs/Web/HTML/Element/td#charoff) {{unimplemented_inline(2212)}}.Если этот атрибут не задан, значение по умолчанию `left`. - > **Примечание:**Не используйте этот атрибут, он устарел (не поддерживается) в последней версии стандарта. - > - > - Чтобы добиться такого же эффекта как при `left`, `center`, `right` или `justify` значениях, используйте их как параметры CSS-свойства {{cssxref("text-align")}}. - > - Чтобы добиться эффекта как `char` значение в CSS3, вы можете использовать значение [`char`](/ru/docs/Web/HTML/Element/td#char) как значение свойства {{cssxref("text-align")}} {{unimplemented_inline}}. + > **Примечание:** Не используйте этот атрибут, он устарел (не поддерживается) в последней версии стандарта. + > + > - Чтобы добиться такого же эффекта как при `left`, `center`, `right` или `justify` значениях, используйте их как параметры CSS-свойства {{cssxref("text-align")}}. + > - Чтобы добиться эффекта как `char` значение в CSS3, вы можете использовать значение [`char`](/ru/docs/Web/HTML/Element/td#char) как значение свойства {{cssxref("text-align")}} {{unimplemented_inline}}. - `axis` + - : Этот атрибут включает список строк разделённых пробелами. Каждая строка это ID группы ячеек которой соответствует этот заголовок. - > **Примечание:**Не используйте этот атрибут, он устарел в последней версии стандарта: вместо этого используйте атрибут [`scope`](/ru/docs/Web/HTML/Element/td#scope). + + > **Примечание:** Не используйте этот атрибут, он устарел в последней версии стандарта: вместо этого используйте атрибут [`scope`](/ru/docs/Web/HTML/Element/td#scope). + - `bgcolor` {{Non-standard_inline}} - - | : Этот атрибут определяет цвет фона ячейки. Значением задаётся 6-значными шестнадцатеричными кодами как определено в [sRGB](https://www.w3.org/Graphics/Color/sRGB), с префиксом '#'. Можно также использовать предопределённые цветовые строки, например: | | `black` = "#000000" | | `green` = "#008000" | - | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------- | ------------------- | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | - | | `silver` = "#C0C0C0" | | `lime` = "#00FF00" | - | | `gray` = "#808080" | | `olive` = "#808000" | - | | `white` = "#FFFFFF" | | `yellow` = "#FFFF00" | - | | `maroon` = "#800000" | | `navy` = "#000080" | - | | `red` = "#FF0000" | | `blue` = "#0000FF" | - | | `purple` = "#800080" | | `teal` = "#008080" | - | | `fuchsia` = "#FF00FF" | | `aqua` = "#00FFFF" | > **Примечание:** Не используйте этот атрибут, поскольку он нестандартный: элемент {{HTMLElement("td")}} должен быть стилизован с помощью [CSS](/ru/docs/CSS). Чтобы получить аналогичный эффект как атрибут **bgcolor**, используйте [CSS](/ru/docs/Web/CSS) свойство {{cssxref("background-color")}}. | -- `char` {{deprecated_inline}}, + + - : Этот атрибут определяет цвет фона ячейки. Значением задаётся 6-значными шестнадцатеричными кодами как определено в [sRGB](https://www.w3.org/Graphics/Color/sRGB), с префиксом '#'. Можно также использовать предопределённые цветовые строки. + + > **Примечание:** Не используйте этот атрибут, поскольку он нестандартный: элемент {{HTMLElement("td")}} должен быть стилизован с помощью [CSS](/ru/docs/CSS). Чтобы получить аналогичный эффект как атрибут **bgcolor**, используйте [CSS](/ru/docs/Web/CSS) свойство {{cssxref("background-color")}}. + +- `char` {{deprecated_inline}} + - : Этот атрибут используется для определения символа по которому происходит выравнивание в ячейке. Типичный случай когда для него задают значение периода (.) когда необходимо выровнять числовые или денежные значения. Если [`align`](/ru/docs/Web/HTML/Element/td#align) не задан. то атрибут `char` игнорируется. - > **Примечание:**Не используйте этот атрибут, тк он устарел (и больше не поддерживается) в последней версии стандарта. Достигнуть такого же эффекта как от [`char`](/ru/docs/Web/HTML/Element/thead#char), в CSS3 вы можете you can use the character set using the [`char`](/ru/docs/Web/HTML/Element/th#char) attribute as the value of the {{cssxref("text-align")}} property {{unimplemented_inline}}. + + > **Примечание:** Не используйте этот атрибут, тк он устарел (и больше не поддерживается) в последней версии стандарта. Достигнуть такого же эффекта как от [`char`](/ru/docs/Web/HTML/Element/thead#char), в CSS3 вы можете you can use the character set using the [`char`](/ru/docs/Web/HTML/Element/th#char) attribute as the value of the {{cssxref("text-align")}} property {{unimplemented_inline}}. + - `charoff` {{deprecated_inline}}, + - : Этот атрибут атрибут включает количество символов на которое смещаются при выравнивании данные от установленного **char** атрибута. - > **Примечание:**Не используйте этот атрибут, он устарел (не поддерживается) в последней версии стандарта. + + > **Примечание:** Не используйте этот атрибут, он устарел (не поддерживается) в последней версии стандарта. + - `colspan` - : Этот атрибут содержит положительное целое число указывающее сколько столбцов необходимо объединить. По умолчанию значение равно `1`. Значения больше 1000 будет считаться некорректным и будет использовать значение по умолчанию (1). - `headers` - : Этот атрибут содержит список срок разделённых пробелами, каждая соответствует **id** атрибуту {{HTMLElement("th")}} элементов которые использует этот элемент. - `rowspan` - : Этот атрибут содержит положительное целое число указывающее какое количество строк необходимо объединить. По умолчанию значение равно `1`; Если его значение `0`, тогда его действие распространяется до конца табличной секции ({{HTMLElement("thead")}}, {{HTMLElement("tbody")}}, {{HTMLElement("tfoot")}}, даже если неявно определено чему ячейка принадлежит. Значения выше 65534 сокращаются до 65534. -- `valign` {{deprecated_inline}}, +- `valign` {{deprecated_inline}} + - : Этот атрибут определяет вертикальное выравнивание текста в ячейке. Возможные значения атрибута: + - `baseline`, поместит текст ближе к нижней части ячейки, но выровняет его по [базовой линии](https://en.wikipedia.org/wiki/Baseline_%28typography%29) символов, а не нижней линии. Если все символы одного размера, тогда имеет такой же эффект как `bottom`. - `bottom`, поместит текст как можно ближе к нижней части ячейки - `middle`, выравнивает текст по центру ячейки - и `top`, который будет выравнивать текст как можно ближе к верхней части ячейки. - > **Примечание:** Не используйте этот атрибут, он устарел (не поддерживается) в последней версии стандарта: вместо этого используйте CSS-свойство {{cssxref("vertical-align")}}. -- `width` {{deprecated_inline}}, + + > **Примечание:** Не используйте этот атрибут, он устарел (не поддерживается) в последней версии стандарта: вместо этого используйте CSS-свойство {{cssxref("vertical-align")}}. + +- `width` {{deprecated_inline}} + - : Этот атрибут устанавливает рекомендуемую ширину ячейки. Свойства [cellspacing](/ru/docs/Web/API/HTMLTableElement/cellSpacing) и [cellpadding](/ru/docs/Web/API/HTMLTableElement/cellPadding) могут добавить дополнительное пространство и ширина элемента {{HTMLElement("col")}} может иметь некоторый эффект. Обычно если ширина столбца слишком узкая чтобы показать конкретную ячейку должным образом, она может быть расширена при отображении. - > **Примечание:**Не используйте этот атрибут, он устарел в последней версии стандарта: вместо этого используйте CSS-свойство {{cssxref("width")}}. + + > **Примечание:** Не используйте этот атрибут, он устарел в последней версии стандарта: вместо этого используйте CSS-свойство {{cssxref("width")}}. ## Примеры diff --git a/files/ru/web/html/element/tfoot/index.md b/files/ru/web/html/element/tfoot/index.md index 56729854e97077..2978afa41965bf 100644 --- a/files/ru/web/html/element/tfoot/index.md +++ b/files/ru/web/html/element/tfoot/index.md @@ -21,38 +21,45 @@ _HTML_ элемент подвала таблицы (``) определя - `align` {{ Deprecated_inline() }} - : Этот атрибут определяет горизонтальное выравнивание содержимого каждой ячейки. Возможные значения: + - left, выравнивание содержимого по левому краю ячейки - center, выравнивание содержимого по центру ячейки - right, выравнивание содержимого по правому краю ячейки - justify, выравнивание по ширине ячейки: добавление пробелов к тексту содержимого ячейки до тех пор, пока содержимое не выровняется от одного края ячейки до другого - char, выравнивание текстового содержимого по специальному символу с минимальным смещением, определённым [`char`](/ru/docs/Web/HTML/Element/tbody#char) и [`charoff`](/ru/docs/Web/HTML/Element/tbody#charoff) атрибутами {{ unimplemented_inline("2212") }}.Если этот атрибут не задан, то значением по умолчанию является left. - > **Примечание:**Do not use this attribute as it is obsolete (not supported) in the latest standard.\* To achieve the same effect as the left, center, right or justify values, use the CSS {{ cssxref("text-align") }} property on it. - > - > - To achieve the same effect as the char value, in CSS3, you can use the value of the [`char`](/ru/docs/Web/HTML/Element/tfoot#char) as the value of the {{ cssxref("text-align") }} property {{ unimplemented_inline() }}. + + > **Примечание:** Do not use this attribute as it is obsolete (not supported) in the latest standard.\* To achieve the same effect as the left, center, right or justify values, use the CSS {{ cssxref("text-align") }} property on it. + > + > - To achieve the same effect as the char value, in CSS3, you can use the value of the [`char`](/ru/docs/Web/HTML/Element/tfoot#char) as the value of the {{ cssxref("text-align") }} property {{ unimplemented_inline() }}. - `bgcolor` {{ Non-standard_inline() }} - - | : Этот атрибут определяет цвет фона каждой ячейки столбца. Это один из 6-ти значного шестнадцатеричного кода определённого в [sRGB](http://www.w3.org/Graphics/Color/sRGB), предваряется '#'. Может быть использован один из шестнадцати предопределённых строк: | | black = "#000000" | | green = "#008000" | - | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------- | ----------------- | ------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | - | | silver = "#C0C0C0" | | lime = "#00FF00" | - | | gray = "#808080" | | olive = "#808000" | - | | white = "#FFFFFF" | | yellow = "#FFFF00" | - | | maroon = "#800000" | | navy = "#000080" | - | | red = "#FF0000" | | blue = "#0000FF" | - | | purple = "#800080" | | teal = "#008080" | - | | fuchsia = "#FF00FF" | | aqua = "#00FFFF" | > **Примечание:** Do not use this attribute, as it is non-standard and only implemented some versions of Microsoft Internet Explorer: the {{ HTMLElement("tfoot") }} element should be styled using [CSS](/en/CSS). To give a similar effect to the **bgcolor** attribute, use the [CSS](/en/CSS) property {{ cssxref("background-color") }}, on the relevant {{ HTMLElement("td") }} or {{ HTMLElement("th") }} elements. | + + - : Этот атрибут определяет цвет фона каждой ячейки столбца. Это один из 6-ти значного шестнадцатеричного кода определённого в [sRGB](http://www.w3.org/Graphics/Color/sRGB), предваряется '#'. Может быть использован один из шестнадцати предопределённых строк. + + > **Примечание:** Do not use this attribute, as it is non-standard and only implemented some versions of Microsoft Internet Explorer: the {{ HTMLElement("tfoot") }} element should be styled using [CSS](/en/CSS). To give a similar effect to the **bgcolor** attribute, use the [CSS](/en/CSS) property {{ cssxref("background-color") }}, on the relevant {{ HTMLElement("td") }} or {{ HTMLElement("th") }} elements. + - `char` {{ Deprecated_inline() }} + - : This attribute is used to set the character to align the cells in a column on. Typical values for this include a period (.) when attempting to align numbers or monetary values. If [`align`](/ru/docs/Web/HTML/Element/tfoot#align) is not set to char, this attribute is ignored. - > **Примечание:**Do not use this attribute as it is obsolete (and not supported) in the latest standard. To achieve the same effect as the [`char`](/ru/docs/Web/HTML/Element/tbtfootody#char), in CSS3, you can use the character set using the [`char`](/ru/docs/Web/HTML/Element/tfoot#char) attribute as the value of the {{ cssxref("text-align") }} property {{ unimplemented_inline() }}. + + > **Примечание:** Do not use this attribute as it is obsolete (and not supported) in the latest standard. To achieve the same effect as the [`char`](/ru/docs/Web/HTML/Element/tbtfootody#char), in CSS3, you can use the character set using the [`char`](/ru/docs/Web/HTML/Element/tfoot#char) attribute as the value of the {{ cssxref("text-align") }} property {{ unimplemented_inline() }}. + - `charoff` {{ Deprecated_inline() }} + - : This attribute is used to indicate the number of characters to offset the column data from the alignment characters specified by the **char** attribute. - > **Примечание:**Do not use this attribute as it is obsolete (and not supported) in the latest standard. + + > **Примечание:** Do not use this attribute as it is obsolete (and not supported) in the latest standard. + - `valign` {{ Deprecated_inline() }} + - : Этот атрибут задаёт вертикальное выравнивание текста в каждой строке ячеек заголовка таблицы. Возможные значения для этого атрибута: + - baseline, which will put the text as close to the bottom of the cell as it is possible, but align it on the [baseline](http://en.wikipedia.org/wiki/Baseline_%28typography%29) of the characters instead of the bottom of them. If characters are all of the size, this has the same effect as bottom. - bottom, which will put the text as close to the bottom of the cell as it is possible; - middle, which will center the text in the cell; - and top, which will put the text as close to the top of the cell as it is possible. - > **Примечание:** Do not use this attribute as it is obsolete (and not supported) in the latest standard: instead set the CSS {{ cssxref("vertical-align") }} property on it. + + > **Примечание:** Do not use this attribute as it is obsolete (and not supported) in the latest standard: instead set the CSS {{ cssxref("vertical-align") }} property on it. ## DOM интерфейс