diff --git a/files/en-us/_redirects.txt b/files/en-us/_redirects.txt index 06c007a50f94f31..bdc1af6cc1371ff 100644 --- a/files/en-us/_redirects.txt +++ b/files/en-us/_redirects.txt @@ -12141,6 +12141,7 @@ /en-US/docs/Web/CSS/Aural /en-US/docs/Web/CSS/@media /en-US/docs/Web/CSS/Block_formatting_context /en-US/docs/Web/CSS/CSS_display/Block_formatting_context /en-US/docs/Web/CSS/CSS3_Columns /en-US/docs/Web/CSS/CSS_multicol_layout/Using_multicol_layouts +/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems /en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems /en-US/docs/Web/CSS/CSS_Background_and_Borders /en-US/docs/Web/CSS/CSS_backgrounds_and_borders /en-US/docs/Web/CSS/CSS_Background_and_Borders/Border-image_generator /en-US/docs/Web/CSS/CSS_backgrounds_and_borders/Border-image_generator /en-US/docs/Web/CSS/CSS_Background_and_Borders/Border-radius_generator /en-US/docs/Web/CSS/CSS_backgrounds_and_borders/Border-radius_generator diff --git a/files/en-us/_wikihistory.json b/files/en-us/_wikihistory.json index 7124623f8095dfc..ea097bda3d6268e 100644 --- a/files/en-us/_wikihistory.json +++ b/files/en-us/_wikihistory.json @@ -22022,6 +22022,10 @@ "modified": "2020-10-15T22:19:19.805Z", "contributors": ["jpmedley"] }, + "Web/API/CSSOM_view_API/Coordinate_systems": { + "modified": "2020-04-27T22:32:23.815Z", + "contributors": ["chrisn", "mfluehr", "JohannesCleve", "Sheppy"] + }, "Web/API/CSSPageRule": { "modified": "2020-10-15T21:21:03.183Z", "contributors": [ @@ -75306,10 +75310,6 @@ "teoli" ] }, - "Web/CSS/CSSOM_view/Coordinate_systems": { - "modified": "2020-04-27T22:32:23.815Z", - "contributors": ["chrisn", "mfluehr", "JohannesCleve", "Sheppy"] - }, "Web/CSS/CSSOM_view/Viewport_concepts": { "modified": "2020-11-20T07:41:38.029Z", "contributors": [ diff --git a/files/en-us/web/api/caretposition/getclientrect/index.md b/files/en-us/web/api/caretposition/getclientrect/index.md index 8020af3fbd83ee4..088af264373797c 100644 --- a/files/en-us/web/api/caretposition/getclientrect/index.md +++ b/files/en-us/web/api/caretposition/getclientrect/index.md @@ -6,7 +6,7 @@ page-type: web-api-instance-method browser-compat: api.CaretPosition.getClientRect --- -{{APIRef("CSSOM")}} +{{APIRef("CSSOM view API")}} The `getClientRect()` method of the {{domxref("CaretPosition")}} interface returns the client rectangle for the caret range. diff --git a/files/en-us/web/api/caretposition/index.md b/files/en-us/web/api/caretposition/index.md index d4ba0f4fa566adc..661a1f69b575a45 100644 --- a/files/en-us/web/api/caretposition/index.md +++ b/files/en-us/web/api/caretposition/index.md @@ -5,7 +5,7 @@ page-type: web-api-interface browser-compat: api.CaretPosition --- -{{APIRef("CSSOM")}} +{{APIRef("CSSOM view API")}} The `CaretPosition` interface represents the caret position, an indicator for the text insertion point. You can get a `CaretPosition` using the {{domxref("Document.caretPositionFromPoint()")}} method. diff --git a/files/en-us/web/api/caretposition/offset/index.md b/files/en-us/web/api/caretposition/offset/index.md index 4632c662164f6bf..d2b1d5d9e2d5079 100644 --- a/files/en-us/web/api/caretposition/offset/index.md +++ b/files/en-us/web/api/caretposition/offset/index.md @@ -6,7 +6,7 @@ page-type: web-api-instance-property browser-compat: api.CaretPosition.offset --- -{{APIRef("CSSOM")}} +{{APIRef("CSSOM view API")}} The **`offset`** property of the {{domxref("CaretPosition")}} interface returns an integer representing the offset of the selection in the caret position node. diff --git a/files/en-us/web/api/caretposition/offsetnode/index.md b/files/en-us/web/api/caretposition/offsetnode/index.md index d724e12100ab570..5d561c321055377 100644 --- a/files/en-us/web/api/caretposition/offsetnode/index.md +++ b/files/en-us/web/api/caretposition/offsetnode/index.md @@ -6,7 +6,7 @@ page-type: web-api-instance-property browser-compat: api.CaretPosition.offsetNode --- -{{APIRef("CSSOM")}} +{{APIRef("CSSOM view API")}} The **`offsetNode`** property of the {{domxref("CaretPosition")}} interface returns a {{domxref("Node")}} containing the found node at the caret's position. diff --git a/files/en-us/web/css/cssom_view/coordinate_systems/css-coords.svg b/files/en-us/web/api/cssom_view_api/coordinate_systems/css-coords.svg similarity index 100% rename from files/en-us/web/css/cssom_view/coordinate_systems/css-coords.svg rename to files/en-us/web/api/cssom_view_api/coordinate_systems/css-coords.svg diff --git a/files/en-us/web/css/cssom_view/coordinate_systems/index.md b/files/en-us/web/api/cssom_view_api/coordinate_systems/index.md similarity index 98% rename from files/en-us/web/css/cssom_view/coordinate_systems/index.md rename to files/en-us/web/api/cssom_view_api/coordinate_systems/index.md index dd5706005a87a8d..487dc9ab922ceb4 100644 --- a/files/en-us/web/css/cssom_view/coordinate_systems/index.md +++ b/files/en-us/web/api/cssom_view_api/coordinate_systems/index.md @@ -1,10 +1,11 @@ --- title: Coordinate systems -slug: Web/CSS/CSSOM_view/Coordinate_systems +slug: Web/API/CSSOM_view_API/Coordinate_systems page-type: guide -sidebar: cssref --- +{{DefaultAPISidebar("CSSOM view API")}} + When specifying the location of a pixel in a graphics context (just like when specifying coordinate systems in [algebra](https://en.wikipedia.org/wiki/Algebra)), its position is defined relative to a fixed point in the context. This fixed point is called the [origin](). The position is specified as the number of pixels offset from the origin along each dimension of the context. This guide describes the standard coordinate systems used by the CSS object model. These are generally only different in terms of where their origin is located. diff --git a/files/en-us/web/api/cssom_view_api/index.md b/files/en-us/web/api/cssom_view_api/index.md new file mode 100644 index 000000000000000..3813d6ac64795ff --- /dev/null +++ b/files/en-us/web/api/cssom_view_api/index.md @@ -0,0 +1,137 @@ +--- +title: CSSOM view API +slug: Web/API/CSSOM_view_API +page-type: web-api-overview +spec-urls: https://drafts.csswg.org/cssom-view/ +--- + +{{DefaultAPISidebar("CSSOM view API")}} + +The **CSSOM view API** lets you manipulate the visual view of a document, including getting the position of element layout boxes, obtaining the width or height of the viewport through script, and also scrolling an element. + +## Guides + +- [Coordinate systems](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems) + - : The coordinate systems used to specify a position in a display context such as a window on a monitor, a viewport on a mobile device, or a position on a sheet of paper when printing. +- [Viewport concepts](/en-US/docs/Web/CSS/CSSOM_view/Viewport_concepts) + - : The concept of the viewport — what it is, its impact in terms of CSS, SVG, and mobile devices — and the difference between the visual viewport and the layout viewport. + +## Interfaces + +- {{domxref("MediaQueryList")}} +- {{domxref("MediaQueryListEvent")}} +- {{domxref("Screen")}} +- {{domxref("CaretPosition")}} +- {{domxref("VisualViewport")}} + +## Extensions to other interfaces + +This module adds properties, methods, and events to interfaces defined in other specifications. + +### Extensions to Window + +- {{domxref("Window.devicePixelRatio", "devicePixelRatio")}} +- {{domxref("Window.innerHeight", "innerHeight")}} +- {{domxref("Window.innerWidth", "innerWidth")}} +- {{domxref("Window.matchMedia", "matchMedia()")}} +- {{domxref("Window.moveBy", "moveBy()")}} +- {{domxref("Window.moveTo", "moveTo()")}} +- {{domxref("Window.outerHeight", "outerHeight")}} +- {{domxref("Window.outerWidth", "outerWidth")}} +- `pageXOffset` (see {{domxref("Window.scrollX", "scrollX")}}) +- `pageYOffset` (see {{domxref("Window.scrollY", "scrollY")}}) +- {{domxref("Window.resizeBy", "resizeBy()")}} +- {{domxref("Window.resizeTo", "resizeTo()")}} +- {{domxref("Window.screen", "screen")}} +- {{domxref("Window.screenLeft", "screenLeft")}} +- {{domxref("Window.screenTop", "screenTop")}} +- {{domxref("Window.screenX", "screenX")}} +- {{domxref("Window.screenY", "screenY")}} +- {{domxref("Window.visualViewport", "visualViewport")}} +- {{domxref("Window.scroll", "scroll()")}} +- {{domxref("Window.scrollBy", "scrollBy()")}} +- {{domxref("Window.scrollTo", "scrollTo()")}} +- {{domxref("Window.scrollX", "scrollX")}} +- {{domxref("Window.scrollY", "scrollY")}} +- {{domxref("Window/resize_event", "resize")}} event + +### Extensions to Document + +- {{domxref("Document.elementFromPoint", "elementFromPoint()")}} +- {{domxref("Document.caretPositionFromPoint", "caretPositionFromPoint()")}} +- {{domxref("Document.scrollingElement", "scrollingElement")}} +- {{domxref("Document/scroll_event", "scroll")}} event +- {{domxref("Document/scrollend_event", "scrollend")}} event + +### Extensions to Element + +- {{domxref("Element.checkVisibility", "checkVisibility()")}} +- {{domxref("Element.clientHeight", "clientHeight")}} +- {{domxref("Element.clientLeft", "clientLeft")}} +- {{domxref("Element.clientTop", "clientTop")}} +- {{domxref("Element.clientWidth", "clientWidth")}} +- {{domxref("Element.currentCSSZoom", "currentCSSZoom")}} +- {{domxref("Element.getBoundingClientRect", "getBoundingClientRect()")}} +- {{domxref("Element.getClientRects", "getClientRects()")}} +- {{domxref("Element.scroll", "scroll()")}} +- {{domxref("Element.scrollBy", "scrollBy()")}} +- {{domxref("Element.scrollHeight", "scrollHeight")}} +- {{domxref("Element.scrollIntoView", "scrollIntoView()")}} +- {{domxref("Element.scrollLeft", "scrollLeft")}} +- {{domxref("Element.scrollTo", "scrollTo()")}} +- {{domxref("Element.scrollTop", "scrollTop")}} +- {{domxref("Element.scrollWidth", "scrollWidth")}} +- {{domxref("Element/scroll_event", "scroll")}} event +- {{domxref("Element/scrollend_event", "scrollend")}} event + +### Extensions to HTMLElement + +- {{domxref("HTMLElement.offsetHeight", "offsetHeight")}} +- {{domxref("HTMLElement.offsetLeft", "offsetLeft")}} +- {{domxref("HTMLElement.offsetParent", "offsetParent")}} +- {{domxref("HTMLElement.offsetTop", "offsetTop")}} +- {{domxref("HTMLElement.offsetWidth", "offsetWidth")}} + +### Extensions to HTMLImageElement + +- {{domxref("HTMLImageElement.x", "x")}} +- {{domxref("HTMLImageElement.y", "y")}} + +### Extensions to Range + +- {{domxref("Range.getBoundingClientRect", "getBoundingClientRect()")}} +- {{domxref("Range.getClientRects", "getClientRects()")}} + +### Extensions to MouseEvent + +- {{domxref("MouseEvent.clientX", "clientX")}} +- {{domxref("MouseEvent.clientY", "clientY")}} +- {{domxref("MouseEvent.offsetX", "offsetX")}} +- {{domxref("MouseEvent.offsetY", "offsetY")}} +- {{domxref("MouseEvent.pageX", "pageX")}} +- {{domxref("MouseEvent.pageY", "pageY")}} +- {{domxref("MouseEvent.screenY", "screenY")}} +- {{domxref("MouseEvent.x", "x")}} +- {{domxref("MouseEvent.y", "y")}} + +This module defines geometric utility methods that apply to the {{domxref("Text")}}, {{domxref("Element")}}, {{domxref("CSSPseudoElement")}}, and {{domxref("Document")}} interfaces. These `GeometryUtils` features are not yet implemented in any browser. + +## Specifications + +{{Specifications}} + +## See also + +- [CSS Object Model (CSSOM)](/en-US/docs/Web/API/CSS_Object_Model) API +- [CSSOM view](/en-US/docs/Web/CSS/CSSOM_view) module +- [CSS overflow](/en-US/docs/Web/CSS/CSS_overflow) module +- [CSS overscroll behavior](/en-US/docs/Web/CSS/CSS_overscroll_behavior) module +- [CSS scroll snap](/en-US/docs/Web/CSS/CSS_scroll_snap) module +- {{glossary("Viewport")}} +- {{glossary("Layout viewport")}} +- {{glossary("Visual viewport")}} +- {{cssxref("zoom")}} +- {{glossary("CSSOM")}} +- {{glossary("CSS pixel")}} +- {{glossary("Scroll container")}} +- {{htmlelement("meta")}} diff --git a/files/en-us/web/api/device_orientation_events/using_device_orientation_with_3d_transforms/index.md b/files/en-us/web/api/device_orientation_events/using_device_orientation_with_3d_transforms/index.md index 485d89ef589d86a..64a304b56575bfd 100644 --- a/files/en-us/web/api/device_orientation_events/using_device_orientation_with_3d_transforms/index.md +++ b/files/en-us/web/api/device_orientation_events/using_device_orientation_with_3d_transforms/index.md @@ -12,7 +12,7 @@ This article provides tips on how to use device orientation information in tande The easiest way to convert [orientation data](/en-US/docs/Web/API/Window/deviceorientation_event) to a [3D transform](/en-US/docs/Web/CSS/transform) is basically to use the `alpha`, `gamma`, and `beta` values as `rotateZ`, `rotateX` and `rotateY` values. -It is important to keep in mind, however, that the [Device Orientation coordinate system](/en-US/docs/Web/API/Device_orientation_events/Orientation_and_motion_data_explained) is different from the [CSS coordinate system](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems). Namely, the former is [right-handed](https://en.wikipedia.org/wiki/Right-hand_rule) and its Y axis is positive upwards, while the latter is a left-handed coordinate system whose Y axis is positive to the bottom. Furthermore, the Device Orientation angle rotations should always be done in a Z - X' - Y'' order that does not match the order of some [CSS Transforms](/en-US/docs/Web/CSS/CSS_transforms). These are some of the practical consequences of these differences: +It is important to keep in mind, however, that the [Device Orientation coordinate system](/en-US/docs/Web/API/Device_orientation_events/Orientation_and_motion_data_explained) is different from the [CSS coordinate system](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems). Namely, the former is [right-handed](https://en.wikipedia.org/wiki/Right-hand_rule) and its Y axis is positive upwards, while the latter is a left-handed coordinate system whose Y axis is positive to the bottom. Furthermore, the Device Orientation angle rotations should always be done in a Z - X' - Y'' order that does not match the order of some [CSS Transforms](/en-US/docs/Web/CSS/CSS_transforms). These are some of the practical consequences of these differences: - The order of angle rotations matters, so make sure the alpha, beta and gamma rotations are applied in this order. - The [`rotate3d()`](/en-US/docs/Web/CSS/transform-function/rotate3d) CSS transformation, and the [`DOMMatrixReadOnly.rotate()`](/en-US/docs/Web/API/DOMMatrixReadOnly/rotate) and [`DOMMatrix.rotateSelf()`](/en-US/docs/Web/API/DOMMatrix/rotateSelf) functions apply angle rotations in a Z - Y' - X'' order, so it is not possible to apply the alpha, beta and gamma rotations in the right order with a single call to any of them. Instead, you should rotate each axis individually in the correct order. diff --git a/files/en-us/web/api/document/caretpositionfrompoint/index.md b/files/en-us/web/api/document/caretpositionfrompoint/index.md index f62cd2280287680..fb1cf44331e7c5e 100644 --- a/files/en-us/web/api/document/caretpositionfrompoint/index.md +++ b/files/en-us/web/api/document/caretpositionfrompoint/index.md @@ -6,7 +6,7 @@ page-type: web-api-instance-method browser-compat: api.Document.caretPositionFromPoint --- -{{APIRef("CSSOM View")}} +{{APIRef("CSSOM view API")}} The **`caretPositionFromPoint()`** method of the {{domxref("Document")}} interface returns a {{domxref('CaretPosition')}} object, containing the DOM node, along with the caret and caret's character offset within that node. diff --git a/files/en-us/web/api/element/dblclick_event/index.md b/files/en-us/web/api/element/dblclick_event/index.md index dec32004160f3e1..9cd7a81f61800be 100644 --- a/files/en-us/web/api/element/dblclick_event/index.md +++ b/files/en-us/web/api/element/dblclick_event/index.md @@ -39,9 +39,9 @@ _This interface also inherits properties of its parents, {{domxref("UIEvent")}} - {{domxref("MouseEvent.buttons")}} {{ReadOnlyInline}} - : The buttons being pressed (if any) when the mouse event was fired. - {{domxref("MouseEvent.clientX")}} {{ReadOnlyInline}} - - : The X coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#viewport). + - : The X coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#viewport). - {{domxref("MouseEvent.clientY")}} {{ReadOnlyInline}} - - : The Y coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#viewport). + - : The Y coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#viewport). - {{domxref("MouseEvent.ctrlKey")}} {{ReadOnlyInline}} - : Returns `true` if the control key was down when the mouse event was fired. - {{domxref("MouseEvent.layerX")}} {{Non-standard_inline}} {{ReadOnlyInline}} @@ -65,9 +65,9 @@ _This interface also inherits properties of its parents, {{domxref("UIEvent")}} - {{domxref("MouseEvent.relatedTarget")}} {{ReadOnlyInline}} - : The secondary target for the event, if there is one. - {{domxref("MouseEvent.screenX")}} {{ReadOnlyInline}} - - : The X coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#screen). + - : The X coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#screen). - {{domxref("MouseEvent.screenY")}} {{ReadOnlyInline}} - - : The Y coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#screen). + - : The Y coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#screen). - {{domxref("MouseEvent.shiftKey")}} {{ReadOnlyInline}} - : Returns `true` if the shift key was down when the mouse event was fired. - {{domxref("MouseEvent.mozInputSource")}} {{non-standard_inline()}} {{ReadOnlyInline}} diff --git a/files/en-us/web/api/element/mousedown_event/index.md b/files/en-us/web/api/element/mousedown_event/index.md index a87f120af49ae3a..9cb09f1efe05a4a 100644 --- a/files/en-us/web/api/element/mousedown_event/index.md +++ b/files/en-us/web/api/element/mousedown_event/index.md @@ -41,9 +41,9 @@ _This interface also inherits properties of its parents, {{domxref("UIEvent")}} - {{domxref("MouseEvent.buttons")}} {{ReadOnlyInline}} - : The buttons being pressed (if any) when the mouse event was fired. - {{domxref("MouseEvent.clientX")}} {{ReadOnlyInline}} - - : The X coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#viewport). + - : The X coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#viewport). - {{domxref("MouseEvent.clientY")}} {{ReadOnlyInline}} - - : The Y coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#viewport). + - : The Y coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#viewport). - {{domxref("MouseEvent.ctrlKey")}} {{ReadOnlyInline}} - : Returns `true` if the control key was down when the mouse event was fired. - {{domxref("MouseEvent.layerX")}} {{Non-standard_inline}} {{ReadOnlyInline}} @@ -67,9 +67,9 @@ _This interface also inherits properties of its parents, {{domxref("UIEvent")}} - {{domxref("MouseEvent.relatedTarget")}} {{ReadOnlyInline}} - : The secondary target for the event, if there is one. - {{domxref("MouseEvent.screenX")}} {{ReadOnlyInline}} - - : The X coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#screen). + - : The X coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#screen). - {{domxref("MouseEvent.screenY")}} {{ReadOnlyInline}} - - : The Y coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#screen). + - : The Y coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#screen). - {{domxref("MouseEvent.shiftKey")}} {{ReadOnlyInline}} - : Returns `true` if the shift key was down when the mouse event was fired. - {{domxref("MouseEvent.mozInputSource")}} {{non-standard_inline()}} {{ReadOnlyInline}} diff --git a/files/en-us/web/api/element/mouseenter_event/index.md b/files/en-us/web/api/element/mouseenter_event/index.md index aebacabae8483f3..cc86bd704ae2fa1 100644 --- a/files/en-us/web/api/element/mouseenter_event/index.md +++ b/files/en-us/web/api/element/mouseenter_event/index.md @@ -39,9 +39,9 @@ _This interface also inherits properties of its parents, {{domxref("UIEvent")}} - {{domxref("MouseEvent.buttons")}} {{ReadOnlyInline}} - : The buttons being pressed (if any) when the mouse event was fired. - {{domxref("MouseEvent.clientX")}} {{ReadOnlyInline}} - - : The X coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#viewport). + - : The X coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#viewport). - {{domxref("MouseEvent.clientY")}} {{ReadOnlyInline}} - - : The Y coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#viewport). + - : The Y coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#viewport). - {{domxref("MouseEvent.ctrlKey")}} {{ReadOnlyInline}} - : Returns `true` if the control key was down when the mouse event was fired. - {{domxref("MouseEvent.layerX")}} {{Non-standard_inline}} {{ReadOnlyInline}} @@ -65,9 +65,9 @@ _This interface also inherits properties of its parents, {{domxref("UIEvent")}} - {{domxref("MouseEvent.relatedTarget")}} {{ReadOnlyInline}} - : The secondary target for the event, if there is one. - {{domxref("MouseEvent.screenX")}} {{ReadOnlyInline}} - - : The X coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#screen). + - : The X coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#screen). - {{domxref("MouseEvent.screenY")}} {{ReadOnlyInline}} - - : The Y coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#screen). + - : The Y coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#screen). - {{domxref("MouseEvent.shiftKey")}} {{ReadOnlyInline}} - : Returns `true` if the shift key was down when the mouse event was fired. - {{domxref("MouseEvent.mozInputSource")}} {{non-standard_inline()}} {{ReadOnlyInline}} diff --git a/files/en-us/web/api/element/mouseleave_event/index.md b/files/en-us/web/api/element/mouseleave_event/index.md index 1ec47233cfb2e1a..fdebec36cc32405 100644 --- a/files/en-us/web/api/element/mouseleave_event/index.md +++ b/files/en-us/web/api/element/mouseleave_event/index.md @@ -43,9 +43,9 @@ _This interface also inherits properties of its parents, {{domxref("UIEvent")}} - {{domxref("MouseEvent.buttons")}} {{ReadOnlyInline}} - : The buttons being pressed (if any) when the mouse event was fired. - {{domxref("MouseEvent.clientX")}} {{ReadOnlyInline}} - - : The X coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#viewport). + - : The X coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#viewport). - {{domxref("MouseEvent.clientY")}} {{ReadOnlyInline}} - - : The Y coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#viewport). + - : The Y coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#viewport). - {{domxref("MouseEvent.ctrlKey")}} {{ReadOnlyInline}} - : Returns `true` if the control key was down when the mouse event was fired. - {{domxref("MouseEvent.layerX")}} {{Non-standard_inline}} {{ReadOnlyInline}} @@ -69,9 +69,9 @@ _This interface also inherits properties of its parents, {{domxref("UIEvent")}} - {{domxref("MouseEvent.relatedTarget")}} {{ReadOnlyInline}} - : The secondary target for the event, if there is one. - {{domxref("MouseEvent.screenX")}} {{ReadOnlyInline}} - - : The X coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#screen). + - : The X coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#screen). - {{domxref("MouseEvent.screenY")}} {{ReadOnlyInline}} - - : The Y coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#screen). + - : The Y coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#screen). - {{domxref("MouseEvent.shiftKey")}} {{ReadOnlyInline}} - : Returns `true` if the shift key was down when the mouse event was fired. - {{domxref("MouseEvent.mozInputSource")}} {{non-standard_inline()}} {{ReadOnlyInline}} diff --git a/files/en-us/web/api/element/mousemove_event/index.md b/files/en-us/web/api/element/mousemove_event/index.md index 37d7d63c19eb681..0d30e10b2c52822 100644 --- a/files/en-us/web/api/element/mousemove_event/index.md +++ b/files/en-us/web/api/element/mousemove_event/index.md @@ -39,9 +39,9 @@ _This interface also inherits properties of its parents, {{domxref("UIEvent")}} - {{domxref("MouseEvent.buttons")}} {{ReadOnlyInline}} - : The buttons being pressed (if any) when the mouse event was fired. - {{domxref("MouseEvent.clientX")}} {{ReadOnlyInline}} - - : The X coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#viewport). + - : The X coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#viewport). - {{domxref("MouseEvent.clientY")}} {{ReadOnlyInline}} - - : The Y coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#viewport). + - : The Y coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#viewport). - {{domxref("MouseEvent.ctrlKey")}} {{ReadOnlyInline}} - : Returns `true` if the control key was down when the mouse event was fired. - {{domxref("MouseEvent.layerX")}} {{Non-standard_inline}} {{ReadOnlyInline}} @@ -65,9 +65,9 @@ _This interface also inherits properties of its parents, {{domxref("UIEvent")}} - {{domxref("MouseEvent.relatedTarget")}} {{ReadOnlyInline}} - : The secondary target for the event, if there is one. - {{domxref("MouseEvent.screenX")}} {{ReadOnlyInline}} - - : The X coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#screen). + - : The X coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#screen). - {{domxref("MouseEvent.screenY")}} {{ReadOnlyInline}} - - : The Y coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#screen). + - : The Y coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#screen). - {{domxref("MouseEvent.shiftKey")}} {{ReadOnlyInline}} - : Returns `true` if the shift key was down when the mouse event was fired. - {{domxref("MouseEvent.mozInputSource")}} {{non-standard_inline()}} {{ReadOnlyInline}} diff --git a/files/en-us/web/api/element/mouseout_event/index.md b/files/en-us/web/api/element/mouseout_event/index.md index 2b56d4daf94967b..8e2f10ccaadc65f 100644 --- a/files/en-us/web/api/element/mouseout_event/index.md +++ b/files/en-us/web/api/element/mouseout_event/index.md @@ -41,9 +41,9 @@ _This interface also inherits properties of its parents, {{domxref("UIEvent")}} - {{domxref("MouseEvent.buttons")}} {{ReadOnlyInline}} - : The buttons being pressed (if any) when the mouse event was fired. - {{domxref("MouseEvent.clientX")}} {{ReadOnlyInline}} - - : The X coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#viewport). + - : The X coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#viewport). - {{domxref("MouseEvent.clientY")}} {{ReadOnlyInline}} - - : The Y coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#viewport). + - : The Y coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#viewport). - {{domxref("MouseEvent.ctrlKey")}} {{ReadOnlyInline}} - : Returns `true` if the control key was down when the mouse event was fired. - {{domxref("MouseEvent.layerX")}} {{Non-standard_inline}} {{ReadOnlyInline}} @@ -67,9 +67,9 @@ _This interface also inherits properties of its parents, {{domxref("UIEvent")}} - {{domxref("MouseEvent.relatedTarget")}} {{ReadOnlyInline}} - : The secondary target for the event, if there is one. - {{domxref("MouseEvent.screenX")}} {{ReadOnlyInline}} - - : The X coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#screen). + - : The X coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#screen). - {{domxref("MouseEvent.screenY")}} {{ReadOnlyInline}} - - : The Y coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#screen). + - : The Y coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#screen). - {{domxref("MouseEvent.shiftKey")}} {{ReadOnlyInline}} - : Returns `true` if the shift key was down when the mouse event was fired. - {{domxref("MouseEvent.mozInputSource")}} {{non-standard_inline()}} {{ReadOnlyInline}} diff --git a/files/en-us/web/api/element/mouseover_event/index.md b/files/en-us/web/api/element/mouseover_event/index.md index 46f2a7250b382e7..6785b32f18030e1 100644 --- a/files/en-us/web/api/element/mouseover_event/index.md +++ b/files/en-us/web/api/element/mouseover_event/index.md @@ -39,9 +39,9 @@ _This interface also inherits properties of its parents, {{domxref("UIEvent")}} - {{domxref("MouseEvent.buttons")}} {{ReadOnlyInline}} - : The buttons being pressed (if any) when the mouse event was fired. - {{domxref("MouseEvent.clientX")}} {{ReadOnlyInline}} - - : The X coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#viewport). + - : The X coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#viewport). - {{domxref("MouseEvent.clientY")}} {{ReadOnlyInline}} - - : The Y coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#viewport). + - : The Y coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#viewport). - {{domxref("MouseEvent.ctrlKey")}} {{ReadOnlyInline}} - : Returns `true` if the control key was down when the mouse event was fired. - {{domxref("MouseEvent.layerX")}} {{Non-standard_inline}} {{ReadOnlyInline}} @@ -65,9 +65,9 @@ _This interface also inherits properties of its parents, {{domxref("UIEvent")}} - {{domxref("MouseEvent.relatedTarget")}} {{ReadOnlyInline}} - : The secondary target for the event, if there is one. - {{domxref("MouseEvent.screenX")}} {{ReadOnlyInline}} - - : The X coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#screen). + - : The X coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#screen). - {{domxref("MouseEvent.screenY")}} {{ReadOnlyInline}} - - : The Y coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#screen). + - : The Y coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#screen). - {{domxref("MouseEvent.shiftKey")}} {{ReadOnlyInline}} - : Returns `true` if the shift key was down when the mouse event was fired. - {{domxref("MouseEvent.mozInputSource")}} {{non-standard_inline()}} {{ReadOnlyInline}} diff --git a/files/en-us/web/api/element/mouseup_event/index.md b/files/en-us/web/api/element/mouseup_event/index.md index 5df7235080ceafb..dfb360b7050bc1a 100644 --- a/files/en-us/web/api/element/mouseup_event/index.md +++ b/files/en-us/web/api/element/mouseup_event/index.md @@ -41,9 +41,9 @@ _This interface also inherits properties of its parents, {{domxref("UIEvent")}} - {{domxref("MouseEvent.buttons")}} {{ReadOnlyInline}} - : The buttons being pressed (if any) when the mouse event was fired. - {{domxref("MouseEvent.clientX")}} {{ReadOnlyInline}} - - : The X coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#viewport). + - : The X coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#viewport). - {{domxref("MouseEvent.clientY")}} {{ReadOnlyInline}} - - : The Y coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#viewport). + - : The Y coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#viewport). - {{domxref("MouseEvent.ctrlKey")}} {{ReadOnlyInline}} - : Returns `true` if the control key was down when the mouse event was fired. - {{domxref("MouseEvent.layerX")}} {{Non-standard_inline}} {{ReadOnlyInline}} @@ -67,9 +67,9 @@ _This interface also inherits properties of its parents, {{domxref("UIEvent")}} - {{domxref("MouseEvent.relatedTarget")}} {{ReadOnlyInline}} - : The secondary target for the event, if there is one. - {{domxref("MouseEvent.screenX")}} {{ReadOnlyInline}} - - : The X coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#screen). + - : The X coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#screen). - {{domxref("MouseEvent.screenY")}} {{ReadOnlyInline}} - - : The Y coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#screen). + - : The Y coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#screen). - {{domxref("MouseEvent.shiftKey")}} {{ReadOnlyInline}} - : Returns `true` if the shift key was down when the mouse event was fired. - {{domxref("MouseEvent.mozInputSource")}} {{non-standard_inline()}} {{ReadOnlyInline}} diff --git a/files/en-us/web/api/element/webkitmouseforcechanged_event/index.md b/files/en-us/web/api/element/webkitmouseforcechanged_event/index.md index 860f00753f9939f..87fccb9649191be 100644 --- a/files/en-us/web/api/element/webkitmouseforcechanged_event/index.md +++ b/files/en-us/web/api/element/webkitmouseforcechanged_event/index.md @@ -43,9 +43,9 @@ _This interface also inherits properties of its parents, {{domxref("UIEvent")}} - {{domxref("MouseEvent.buttons")}} {{ReadOnlyInline}} - : The buttons being pressed (if any) when the mouse event was fired. - {{domxref("MouseEvent.clientX")}} {{ReadOnlyInline}} - - : The X coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#viewport). + - : The X coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#viewport). - {{domxref("MouseEvent.clientY")}} {{ReadOnlyInline}} - - : The Y coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#viewport). + - : The Y coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#viewport). - {{domxref("MouseEvent.ctrlKey")}} {{ReadOnlyInline}} - : Returns `true` if the control key was down when the mouse event was fired. - {{domxref("MouseEvent.layerX")}} {{Non-standard_inline}} {{ReadOnlyInline}} @@ -69,9 +69,9 @@ _This interface also inherits properties of its parents, {{domxref("UIEvent")}} - {{domxref("MouseEvent.relatedTarget")}} {{ReadOnlyInline}} - : The secondary target for the event, if there is one. - {{domxref("MouseEvent.screenX")}} {{ReadOnlyInline}} - - : The X coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#screen). + - : The X coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#screen). - {{domxref("MouseEvent.screenY")}} {{ReadOnlyInline}} - - : The Y coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#screen). + - : The Y coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#screen). - {{domxref("MouseEvent.shiftKey")}} {{ReadOnlyInline}} - : Returns `true` if the shift key was down when the mouse event was fired. - {{domxref("MouseEvent.mozInputSource")}} {{non-standard_inline()}} {{ReadOnlyInline}} diff --git a/files/en-us/web/api/element/webkitmouseforcedown_event/index.md b/files/en-us/web/api/element/webkitmouseforcedown_event/index.md index d783097db6f6e7a..ddf2af7a09b9490 100644 --- a/files/en-us/web/api/element/webkitmouseforcedown_event/index.md +++ b/files/en-us/web/api/element/webkitmouseforcedown_event/index.md @@ -41,9 +41,9 @@ _This interface also inherits properties of its parents, {{domxref("UIEvent")}} - {{domxref("MouseEvent.buttons")}} {{ReadOnlyInline}} - : The buttons being pressed (if any) when the mouse event was fired. - {{domxref("MouseEvent.clientX")}} {{ReadOnlyInline}} - - : The X coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#viewport). + - : The X coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#viewport). - {{domxref("MouseEvent.clientY")}} {{ReadOnlyInline}} - - : The Y coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#viewport). + - : The Y coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#viewport). - {{domxref("MouseEvent.ctrlKey")}} {{ReadOnlyInline}} - : Returns `true` if the control key was down when the mouse event was fired. - {{domxref("MouseEvent.layerX")}} {{Non-standard_inline}} {{ReadOnlyInline}} @@ -67,9 +67,9 @@ _This interface also inherits properties of its parents, {{domxref("UIEvent")}} - {{domxref("MouseEvent.relatedTarget")}} {{ReadOnlyInline}} - : The secondary target for the event, if there is one. - {{domxref("MouseEvent.screenX")}} {{ReadOnlyInline}} - - : The X coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#screen). + - : The X coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#screen). - {{domxref("MouseEvent.screenY")}} {{ReadOnlyInline}} - - : The Y coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#screen). + - : The Y coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#screen). - {{domxref("MouseEvent.shiftKey")}} {{ReadOnlyInline}} - : Returns `true` if the shift key was down when the mouse event was fired. - {{domxref("MouseEvent.mozInputSource")}} {{non-standard_inline()}} {{ReadOnlyInline}} diff --git a/files/en-us/web/api/element/webkitmouseforceup_event/index.md b/files/en-us/web/api/element/webkitmouseforceup_event/index.md index f11a407e21faaaa..541729db4a497fe 100644 --- a/files/en-us/web/api/element/webkitmouseforceup_event/index.md +++ b/files/en-us/web/api/element/webkitmouseforceup_event/index.md @@ -41,9 +41,9 @@ _This interface also inherits properties of its parents, {{domxref("UIEvent")}} - {{domxref("MouseEvent.buttons")}} {{ReadOnlyInline}} - : The buttons being pressed (if any) when the mouse event was fired. - {{domxref("MouseEvent.clientX")}} {{ReadOnlyInline}} - - : The X coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#viewport). + - : The X coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#viewport). - {{domxref("MouseEvent.clientY")}} {{ReadOnlyInline}} - - : The Y coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#viewport). + - : The Y coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#viewport). - {{domxref("MouseEvent.ctrlKey")}} {{ReadOnlyInline}} - : Returns `true` if the control key was down when the mouse event was fired. - {{domxref("MouseEvent.layerX")}} {{Non-standard_inline}} {{ReadOnlyInline}} @@ -67,9 +67,9 @@ _This interface also inherits properties of its parents, {{domxref("UIEvent")}} - {{domxref("MouseEvent.relatedTarget")}} {{ReadOnlyInline}} - : The secondary target for the event, if there is one. - {{domxref("MouseEvent.screenX")}} {{ReadOnlyInline}} - - : The X coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#screen). + - : The X coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#screen). - {{domxref("MouseEvent.screenY")}} {{ReadOnlyInline}} - - : The Y coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#screen). + - : The Y coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#screen). - {{domxref("MouseEvent.shiftKey")}} {{ReadOnlyInline}} - : Returns `true` if the shift key was down when the mouse event was fired. - {{domxref("MouseEvent.mozInputSource")}} {{non-standard_inline()}} {{ReadOnlyInline}} diff --git a/files/en-us/web/api/element/webkitmouseforcewillbegin_event/index.md b/files/en-us/web/api/element/webkitmouseforcewillbegin_event/index.md index 8abd34942016664..0e95fda8a6fd40b 100644 --- a/files/en-us/web/api/element/webkitmouseforcewillbegin_event/index.md +++ b/files/en-us/web/api/element/webkitmouseforcewillbegin_event/index.md @@ -45,9 +45,9 @@ _This interface also inherits properties of its parents, {{domxref("UIEvent")}} - {{domxref("MouseEvent.buttons")}} {{ReadOnlyInline}} - : The buttons being pressed (if any) when the mouse event was fired. - {{domxref("MouseEvent.clientX")}} {{ReadOnlyInline}} - - : The X coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#viewport). + - : The X coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#viewport). - {{domxref("MouseEvent.clientY")}} {{ReadOnlyInline}} - - : The Y coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#viewport). + - : The Y coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#viewport). - {{domxref("MouseEvent.ctrlKey")}} {{ReadOnlyInline}} - : Returns `true` if the control key was down when the mouse event was fired. - {{domxref("MouseEvent.layerX")}} {{Non-standard_inline}} {{ReadOnlyInline}} @@ -71,9 +71,9 @@ _This interface also inherits properties of its parents, {{domxref("UIEvent")}} - {{domxref("MouseEvent.relatedTarget")}} {{ReadOnlyInline}} - : The secondary target for the event, if there is one. - {{domxref("MouseEvent.screenX")}} {{ReadOnlyInline}} - - : The X coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#screen). + - : The X coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#screen). - {{domxref("MouseEvent.screenY")}} {{ReadOnlyInline}} - - : The Y coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#screen). + - : The Y coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#screen). - {{domxref("MouseEvent.shiftKey")}} {{ReadOnlyInline}} - : Returns `true` if the shift key was down when the mouse event was fired. - {{domxref("MouseEvent.mozInputSource")}} {{non-standard_inline()}} {{ReadOnlyInline}} diff --git a/files/en-us/web/api/mediaquerylist/addlistener/index.md b/files/en-us/web/api/mediaquerylist/addlistener/index.md index a9cbcb46e92203e..abed0d87059a1ed 100644 --- a/files/en-us/web/api/mediaquerylist/addlistener/index.md +++ b/files/en-us/web/api/mediaquerylist/addlistener/index.md @@ -8,7 +8,7 @@ status: browser-compat: api.MediaQueryList.addListener --- -{{APIRef("CSSOM")}}{{Deprecated_Header}} +{{APIRef("CSSOM view API")}}{{Deprecated_Header}} The deprecated **`addListener()`** method of the {{DOMxRef("MediaQueryList")}} interface adds a listener to the diff --git a/files/en-us/web/api/mediaquerylist/change_event/index.md b/files/en-us/web/api/mediaquerylist/change_event/index.md index f3efa716f3f0c59..29a16223783a091 100644 --- a/files/en-us/web/api/mediaquerylist/change_event/index.md +++ b/files/en-us/web/api/mediaquerylist/change_event/index.md @@ -6,7 +6,7 @@ page-type: web-api-event browser-compat: api.MediaQueryList.change_event --- -{{APIRef("CSSOM")}} +{{APIRef("CSSOM view API")}} The **`change`** event of the {{DOMxRef("MediaQueryList")}} interface fires when the status of media query support changes. diff --git a/files/en-us/web/api/mediaquerylist/index.md b/files/en-us/web/api/mediaquerylist/index.md index c6ad19c9c5a5093..8b25419c64a9572 100644 --- a/files/en-us/web/api/mediaquerylist/index.md +++ b/files/en-us/web/api/mediaquerylist/index.md @@ -5,7 +5,7 @@ page-type: web-api-interface browser-compat: api.MediaQueryList --- -{{APIRef("CSSOM")}} +{{APIRef("CSSOM view API")}} A **`MediaQueryList`** object stores information on a [media query](/en-US/docs/Web/CSS/CSS_media_queries) applied to a document, with support for both immediate and event-driven matching against the state of the document. diff --git a/files/en-us/web/api/mediaquerylist/matches/index.md b/files/en-us/web/api/mediaquerylist/matches/index.md index 887ebd92ad8a5b3..47c80558678893c 100644 --- a/files/en-us/web/api/mediaquerylist/matches/index.md +++ b/files/en-us/web/api/mediaquerylist/matches/index.md @@ -6,7 +6,7 @@ page-type: web-api-instance-property browser-compat: api.MediaQueryList.matches --- -{{APIRef("CSSOM")}} +{{APIRef("CSSOM view API")}} The **`matches`** read-only property of the {{DOMxRef("MediaQueryList")}} interface is a boolean value that returns diff --git a/files/en-us/web/api/mediaquerylist/media/index.md b/files/en-us/web/api/mediaquerylist/media/index.md index 97efb79c7fa5781..0ce53a79260e3c3 100644 --- a/files/en-us/web/api/mediaquerylist/media/index.md +++ b/files/en-us/web/api/mediaquerylist/media/index.md @@ -6,7 +6,7 @@ page-type: web-api-instance-property browser-compat: api.MediaQueryList.media --- -{{APIRef("CSSOM")}} +{{APIRef("CSSOM view API")}} The **`media`** read-only property of the {{DOMxRef("MediaQueryList")}} interface is a string representing a diff --git a/files/en-us/web/api/mediaquerylist/removelistener/index.md b/files/en-us/web/api/mediaquerylist/removelistener/index.md index d43e5786cb9a149..434c047e583ee9c 100644 --- a/files/en-us/web/api/mediaquerylist/removelistener/index.md +++ b/files/en-us/web/api/mediaquerylist/removelistener/index.md @@ -8,7 +8,7 @@ status: browser-compat: api.MediaQueryList.removeListener --- -{{APIRef("CSSOM")}}{{Deprecated_Header}} +{{APIRef("CSSOM view API")}}{{Deprecated_Header}} The **`removeListener()`** method of the {{DOMxRef("MediaQueryList")}} interface removes a listener from the diff --git a/files/en-us/web/api/mediaquerylistevent/index.md b/files/en-us/web/api/mediaquerylistevent/index.md index b138b37dfdc2495..b0225b320d14b65 100644 --- a/files/en-us/web/api/mediaquerylistevent/index.md +++ b/files/en-us/web/api/mediaquerylistevent/index.md @@ -5,7 +5,7 @@ page-type: web-api-interface browser-compat: api.MediaQueryListEvent --- -{{APIRef("CSSOM")}} +{{APIRef("CSSOM view API")}} The `MediaQueryListEvent` object stores information on the changes that have happened to a {{DOMxRef("MediaQueryList")}} object — instances are available as the event object on a function referenced by a {{DOMxRef("MediaQueryList.change_event", "change")}} event. diff --git a/files/en-us/web/api/mediaquerylistevent/matches/index.md b/files/en-us/web/api/mediaquerylistevent/matches/index.md index 887992fba96f733..035ee71e9544c57 100644 --- a/files/en-us/web/api/mediaquerylistevent/matches/index.md +++ b/files/en-us/web/api/mediaquerylistevent/matches/index.md @@ -6,7 +6,7 @@ page-type: web-api-instance-property browser-compat: api.MediaQueryListEvent.matches --- -{{APIRef("CSSOM")}} +{{APIRef("CSSOM view API")}} The **`matches`** read-only property of the {{DOMxRef("MediaQueryListEvent")}} interface is a boolean value that is diff --git a/files/en-us/web/api/mediaquerylistevent/media/index.md b/files/en-us/web/api/mediaquerylistevent/media/index.md index 65347146faaafb4..fbf4edfdddab427 100644 --- a/files/en-us/web/api/mediaquerylistevent/media/index.md +++ b/files/en-us/web/api/mediaquerylistevent/media/index.md @@ -6,7 +6,7 @@ page-type: web-api-instance-property browser-compat: api.MediaQueryListEvent.media --- -{{APIRef("CSSOM")}} +{{APIRef("CSSOM view API")}} The **`media`** read-only property of the {{DOMxRef("MediaQueryListEvent")}} interface is a string representing diff --git a/files/en-us/web/api/mediaquerylistevent/mediaquerylistevent/index.md b/files/en-us/web/api/mediaquerylistevent/mediaquerylistevent/index.md index d7a4736b0e9b8f2..39953889d21450c 100644 --- a/files/en-us/web/api/mediaquerylistevent/mediaquerylistevent/index.md +++ b/files/en-us/web/api/mediaquerylistevent/mediaquerylistevent/index.md @@ -6,7 +6,7 @@ page-type: web-api-constructor browser-compat: api.MediaQueryListEvent.MediaQueryListEvent --- -{{APIRef("CSSOM")}} +{{APIRef("CSSOM view API")}} The **`MediaQueryListEvent()`** constructor creates a new {{domxref("MediaQueryListEvent")}} object. diff --git a/files/en-us/web/api/mouseevent/clientx/index.md b/files/en-us/web/api/mouseevent/clientx/index.md index ad3a743806a8d4d..8126f12a90c0876 100644 --- a/files/en-us/web/api/mouseevent/clientx/index.md +++ b/files/en-us/web/api/mouseevent/clientx/index.md @@ -57,4 +57,4 @@ function logKey(e) { - {{ domxref("MouseEvent") }} - {{domxref("MouseEvent.clientY","clientY")}} - {{domxref("MouseEvent.screenX","screenX")}} / {{domxref("MouseEvent.screenY","screenY")}} -- [Coordinate systems](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems) +- [Coordinate systems](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems) diff --git a/files/en-us/web/api/mouseevent/clienty/index.md b/files/en-us/web/api/mouseevent/clienty/index.md index 270c7864a4b4267..c8df6a94d537b5b 100644 --- a/files/en-us/web/api/mouseevent/clienty/index.md +++ b/files/en-us/web/api/mouseevent/clienty/index.md @@ -57,4 +57,4 @@ function logKey(e) { - {{ domxref("MouseEvent") }} - {{domxref("MouseEvent.clientX","clientX")}} - {{domxref("MouseEvent.screenX","screenX")}} / {{domxref("MouseEvent.screenY","screenY")}} -- [Coordinate systems](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems) +- [Coordinate systems](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems) diff --git a/files/en-us/web/api/mouseevent/index.md b/files/en-us/web/api/mouseevent/index.md index b28ccd1640d727c..b225986aff78c88 100644 --- a/files/en-us/web/api/mouseevent/index.md +++ b/files/en-us/web/api/mouseevent/index.md @@ -40,9 +40,9 @@ _This interface also inherits properties of its parents, {{domxref("UIEvent")}} - {{domxref("MouseEvent.buttons")}} {{ReadOnlyInline}} - : The buttons being pressed (if any) when the mouse event was fired. - {{domxref("MouseEvent.clientX")}} {{ReadOnlyInline}} - - : The X coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#viewport). + - : The X coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#viewport). - {{domxref("MouseEvent.clientY")}} {{ReadOnlyInline}} - - : The Y coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#viewport). + - : The Y coordinate of the mouse pointer in [viewport coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#viewport). - {{domxref("MouseEvent.ctrlKey")}} {{ReadOnlyInline}} - : Returns `true` if the control key was down when the mouse event was fired. - {{domxref("MouseEvent.layerX")}} {{Non-standard_inline}} {{ReadOnlyInline}} @@ -66,9 +66,9 @@ _This interface also inherits properties of its parents, {{domxref("UIEvent")}} - {{domxref("MouseEvent.relatedTarget")}} {{ReadOnlyInline}} - : The secondary target for the event, if there is one. - {{domxref("MouseEvent.screenX")}} {{ReadOnlyInline}} - - : The X coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#screen). + - : The X coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#screen). - {{domxref("MouseEvent.screenY")}} {{ReadOnlyInline}} - - : The Y coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#screen). + - : The Y coordinate of the mouse pointer in [screen coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#screen). - {{domxref("MouseEvent.shiftKey")}} {{ReadOnlyInline}} - : Returns `true` if the shift key was down when the mouse event was fired. - {{domxref("MouseEvent.mozInputSource")}} {{non-standard_inline()}} {{ReadOnlyInline}} diff --git a/files/en-us/web/api/mouseevent/offsetx/index.md b/files/en-us/web/api/mouseevent/offsetx/index.md index 80b3a2fd8069656..7e8bf1199262588 100644 --- a/files/en-us/web/api/mouseevent/offsetx/index.md +++ b/files/en-us/web/api/mouseevent/offsetx/index.md @@ -27,4 +27,4 @@ Early versions of the spec defined this as an integer. ## See also - {{ domxref("MouseEvent") }} -- [Coordinate systems](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems) +- [Coordinate systems](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems) diff --git a/files/en-us/web/api/mouseevent/offsety/index.md b/files/en-us/web/api/mouseevent/offsety/index.md index 092c7ea886d99d2..4b294f510e95e12 100644 --- a/files/en-us/web/api/mouseevent/offsety/index.md +++ b/files/en-us/web/api/mouseevent/offsety/index.md @@ -27,4 +27,4 @@ Early versions of the spec defined this as an integer. ## See also - {{ domxref("MouseEvent") }} -- [Coordinate systems](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems) +- [Coordinate systems](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems) diff --git a/files/en-us/web/api/mouseevent/pagex/index.md b/files/en-us/web/api/mouseevent/pagex/index.md index 138e66ee5d7f326..7f24b46f6064a24 100644 --- a/files/en-us/web/api/mouseevent/pagex/index.md +++ b/files/en-us/web/api/mouseevent/pagex/index.md @@ -18,7 +18,7 @@ Originally, this property was defined as a `long` integer. The [CSSOM View Modul `double` float. See the [Browser compatibility](#browser_compatibility) section for details. -See [Coordinate systems](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#page) for additional information about coordinates specified in this fashion. +See [Coordinate systems](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#page) for additional information about coordinates specified in this fashion. ## Value @@ -101,7 +101,7 @@ Try this out here: ### More examples -You can also see an example that demonstrates [how to access the mouse position](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#example) information in every available coordinate system. +You can also see an example that demonstrates [how to access the mouse position](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#example) information in every available coordinate system. ## Specifications @@ -116,4 +116,4 @@ Prior to being added to the CSSOM View specification, `pageX` and `pageY` were a ## See also - {{domxref("MouseEvent.pageY")}} -- [Coordinate systems](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems) +- [Coordinate systems](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems) diff --git a/files/en-us/web/api/mouseevent/pagey/index.md b/files/en-us/web/api/mouseevent/pagey/index.md index e1b73d8c17e32a0..5ae7a07c99e49eb 100644 --- a/files/en-us/web/api/mouseevent/pagey/index.md +++ b/files/en-us/web/api/mouseevent/pagey/index.md @@ -28,4 +28,4 @@ A `double` floating point value in pixels. ## See also - {{domxref("MouseEvent.pageX")}} -- [Coordinate systems](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems) +- [Coordinate systems](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems) diff --git a/files/en-us/web/api/mouseevent/screenx/index.md b/files/en-us/web/api/mouseevent/screenx/index.md index c914557d9cbccd4..e200e30e89c5852 100644 --- a/files/en-us/web/api/mouseevent/screenx/index.md +++ b/files/en-us/web/api/mouseevent/screenx/index.md @@ -8,7 +8,7 @@ browser-compat: api.MouseEvent.screenX {{APIRef("UI Events")}} -The **`screenX`** read-only property of the {{domxref("MouseEvent")}} interface provides the horizontal coordinate (offset) of the mouse pointer in [screen coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#screen). +The **`screenX`** read-only property of the {{domxref("MouseEvent")}} interface provides the horizontal coordinate (offset) of the mouse pointer in [screen coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#screen). > [!NOTE] > In a multiscreen environment, screens aligned horizontally will be treated as a single device, and so the range of the `screenX` value will increase to the combined width of the screens. @@ -72,4 +72,4 @@ function checkClickMap(e) { - {{ domxref("MouseEvent") }} - {{ domxref("MouseEvent.screenY","screenY") }} - {{ domxref("MouseEvent.clientX","clientX") }} / {{ domxref("MouseEvent.clientY", "clientY") }} -- [Coordinate systems](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems) +- [Coordinate systems](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems) diff --git a/files/en-us/web/api/mouseevent/screeny/index.md b/files/en-us/web/api/mouseevent/screeny/index.md index 02019e6c7760004..b3af0bd41c1b3e4 100644 --- a/files/en-us/web/api/mouseevent/screeny/index.md +++ b/files/en-us/web/api/mouseevent/screeny/index.md @@ -8,7 +8,7 @@ browser-compat: api.MouseEvent.screenY {{APIRef("UI Events")}} -The **`screenY`** read-only property of the {{domxref("MouseEvent")}} interface provides the vertical coordinate (offset) of the mouse pointer in [screen coordinates](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems#screen). +The **`screenY`** read-only property of the {{domxref("MouseEvent")}} interface provides the vertical coordinate (offset) of the mouse pointer in [screen coordinates](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems#screen). ## Value @@ -57,4 +57,4 @@ function logKey(e) { - {{ domxref("MouseEvent") }} - {{ domxref("MouseEvent.screenX","screenX") }} - {{ domxref("MouseEvent.clientX","clientX") }} / {{ domxref("MouseEvent.clientY", "clientY") }} -- [Coordinate systems](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems) +- [Coordinate systems](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems) diff --git a/files/en-us/web/api/screen/availheight/index.md b/files/en-us/web/api/screen/availheight/index.md index 1fd5197eeb435d6..b5adcfb237e3245 100644 --- a/files/en-us/web/api/screen/availheight/index.md +++ b/files/en-us/web/api/screen/availheight/index.md @@ -6,7 +6,7 @@ page-type: web-api-instance-property browser-compat: api.Screen.availHeight --- -{{APIRef("CSSOM")}} +{{APIRef("CSSOM view API")}} The read-only {{DOMxRef("Screen")}} interface's **`availHeight`** property returns the height, in CSS pixels, of diff --git a/files/en-us/web/api/screen/availwidth/index.md b/files/en-us/web/api/screen/availwidth/index.md index 7745125418a6bdc..bcaaaec87b2c774 100644 --- a/files/en-us/web/api/screen/availwidth/index.md +++ b/files/en-us/web/api/screen/availwidth/index.md @@ -6,7 +6,7 @@ page-type: web-api-instance-property browser-compat: api.Screen.availWidth --- -{{APIRef("CSSOM View")}} +{{APIRef("CSSOM view API")}} The **`Screen.availWidth`** property returns the amount of horizontal space (in CSS pixels) available to the window. diff --git a/files/en-us/web/api/screen/colordepth/index.md b/files/en-us/web/api/screen/colordepth/index.md index 8502350806223f3..0ec2729ba499994 100644 --- a/files/en-us/web/api/screen/colordepth/index.md +++ b/files/en-us/web/api/screen/colordepth/index.md @@ -6,7 +6,7 @@ page-type: web-api-instance-property browser-compat: api.Screen.colorDepth --- -{{APIRef("CSSOM")}} +{{APIRef("CSSOM view API")}} The **`Screen.colorDepth`** read-only property returns the color depth of the screen. Per the CSSOM, some implementations return `24` diff --git a/files/en-us/web/api/screen/height/index.md b/files/en-us/web/api/screen/height/index.md index a026726a7fb7ee8..22bbdf1df152188 100644 --- a/files/en-us/web/api/screen/height/index.md +++ b/files/en-us/web/api/screen/height/index.md @@ -6,7 +6,7 @@ page-type: web-api-instance-property browser-compat: api.Screen.height --- -{{APIRef("CSSOM")}} +{{APIRef("CSSOM view API")}} The **`Screen.height`** read-only property returns the height of the screen in CSS pixels. diff --git a/files/en-us/web/api/screen/index.md b/files/en-us/web/api/screen/index.md index 2fdf0db25d9186b..262949340943d56 100644 --- a/files/en-us/web/api/screen/index.md +++ b/files/en-us/web/api/screen/index.md @@ -5,7 +5,7 @@ page-type: web-api-interface browser-compat: api.Screen --- -{{APIRef("CSSOM")}} +{{APIRef("CSSOM view API")}} The `Screen` interface represents a screen, usually the one on which the current window is being rendered, and is obtained using {{DOMxRef("window.screen")}}. diff --git a/files/en-us/web/api/screen/mozbrightness/index.md b/files/en-us/web/api/screen/mozbrightness/index.md index 99588e640f1956d..3eab85c9da866fe 100644 --- a/files/en-us/web/api/screen/mozbrightness/index.md +++ b/files/en-us/web/api/screen/mozbrightness/index.md @@ -9,7 +9,7 @@ status: browser-compat: api.Screen.mozBrightness --- -{{APIRef("CSSOM")}}{{Deprecated_Header}}{{Non-standard_Header}} +{{APIRef("CSSOM view API")}}{{Deprecated_Header}}{{Non-standard_Header}} Indicates how bright the screen's backlight is, on a scale from 0 (very dim) to 1 (full brightness); this value is a double-precision float. diff --git a/files/en-us/web/api/screen/mozenabled/index.md b/files/en-us/web/api/screen/mozenabled/index.md index 384ccaa3cc6db08..50f245c34cdbc54 100644 --- a/files/en-us/web/api/screen/mozenabled/index.md +++ b/files/en-us/web/api/screen/mozenabled/index.md @@ -9,7 +9,7 @@ status: browser-compat: api.Screen.mozEnabled --- -{{APIRef("CSSOM")}}{{Deprecated_Header}}{{Non-standard_Header}} +{{APIRef("CSSOM view API")}}{{Deprecated_Header}}{{Non-standard_Header}} This Boolean attribute controls the device's screen. Setting it to `false` will turn off the screen. diff --git a/files/en-us/web/api/screen/pixeldepth/index.md b/files/en-us/web/api/screen/pixeldepth/index.md index e03fba5bc8e43e6..26ca61539834a1c 100644 --- a/files/en-us/web/api/screen/pixeldepth/index.md +++ b/files/en-us/web/api/screen/pixeldepth/index.md @@ -6,7 +6,7 @@ page-type: web-api-instance-property browser-compat: api.Screen.pixelDepth --- -{{APIRef("CSSOM")}} +{{APIRef("CSSOM view API")}} Returns the bit depth of the screen. Per the CSSOM, some implementations return `24` for compatibility reasons. See the [browser compatibility](#browser_compatibility) section for those that don't. diff --git a/files/en-us/web/api/screen/width/index.md b/files/en-us/web/api/screen/width/index.md index 699ee6276bf5c23..5f67a7ef8c62805 100644 --- a/files/en-us/web/api/screen/width/index.md +++ b/files/en-us/web/api/screen/width/index.md @@ -6,7 +6,7 @@ page-type: web-api-instance-property browser-compat: api.Screen.width --- -{{APIRef("CSSOM")}} +{{APIRef("CSSOM view API")}} The **`Screen.width`** read-only property returns the width of the screen in CSS pixels. diff --git a/files/en-us/web/api/visualviewport/height/index.md b/files/en-us/web/api/visualviewport/height/index.md index 199002695cc5d45..46c1e9e44ecb38e 100644 --- a/files/en-us/web/api/visualviewport/height/index.md +++ b/files/en-us/web/api/visualviewport/height/index.md @@ -6,7 +6,7 @@ page-type: web-api-instance-property browser-compat: api.VisualViewport.height --- -{{APIRef("Visual Viewport")}} +{{APIRef("CSSOM view API")}} The **`height`** read-only property of the {{domxref("VisualViewport")}} interface returns the height of the visual viewport, in CSS pixels, or `0` if current document is not fully active. diff --git a/files/en-us/web/api/visualviewport/index.md b/files/en-us/web/api/visualviewport/index.md index 583e3131a05f5c4..acf7388e56fd621 100644 --- a/files/en-us/web/api/visualviewport/index.md +++ b/files/en-us/web/api/visualviewport/index.md @@ -5,7 +5,7 @@ page-type: web-api-interface browser-compat: api.VisualViewport --- -{{APIRef("Visual Viewport")}} +{{APIRef("CSSOM view API")}} The **`VisualViewport`** interface of the {{domxref("Visual Viewport API", "", "", "nocode")}} represents the visual viewport for a given window. For a page containing iframes, each iframe, as well as the containing page, will have a unique window object. Each window on a page will have a unique `VisualViewport` representing the properties associated with that window. diff --git a/files/en-us/web/api/visualviewport/offsetleft/index.md b/files/en-us/web/api/visualviewport/offsetleft/index.md index edbf90638e0feca..73fd48a6368431f 100644 --- a/files/en-us/web/api/visualviewport/offsetleft/index.md +++ b/files/en-us/web/api/visualviewport/offsetleft/index.md @@ -6,7 +6,7 @@ page-type: web-api-instance-property browser-compat: api.VisualViewport.offsetLeft --- -{{APIRef("Visual Viewport")}} +{{APIRef("CSSOM view API")}} The **`offsetLeft`** read-only property of the {{domxref("VisualViewport")}} interface returns the offset of the left edge of the visual viewport from the left edge of the layout viewport in CSS pixels, or `0` if current document is not fully active. diff --git a/files/en-us/web/api/visualviewport/offsettop/index.md b/files/en-us/web/api/visualviewport/offsettop/index.md index 273280bc1d55429..4ce86fb1fe95e00 100644 --- a/files/en-us/web/api/visualviewport/offsettop/index.md +++ b/files/en-us/web/api/visualviewport/offsettop/index.md @@ -6,7 +6,7 @@ page-type: web-api-instance-property browser-compat: api.VisualViewport.offsetTop --- -{{APIRef("Visual Viewport")}} +{{APIRef("CSSOM view API")}} The **`offsetTop`** read-only property of the {{domxref("VisualViewport")}} interface returns the offset of the top edge of the visual viewport from the top edge of the layout viewport in CSS pixels, or `0` if current document is not fully active. diff --git a/files/en-us/web/api/visualviewport/pageleft/index.md b/files/en-us/web/api/visualviewport/pageleft/index.md index cee86564c871ef5..2a6acf093cddad4 100644 --- a/files/en-us/web/api/visualviewport/pageleft/index.md +++ b/files/en-us/web/api/visualviewport/pageleft/index.md @@ -6,7 +6,7 @@ page-type: web-api-instance-property browser-compat: api.VisualViewport.pageLeft --- -{{APIRef("Visual Viewport")}} +{{APIRef("CSSOM view API")}} The **`pageLeft`** read-only property of the {{domxref("VisualViewport")}} interface returns the x coordinate of the left edge of the visual viewport relative to the initial containing block origin, in CSS pixels, or `0` if current document is not fully active. diff --git a/files/en-us/web/api/visualviewport/pagetop/index.md b/files/en-us/web/api/visualviewport/pagetop/index.md index 077e7ad1a8231d9..9b2b61276520afc 100644 --- a/files/en-us/web/api/visualviewport/pagetop/index.md +++ b/files/en-us/web/api/visualviewport/pagetop/index.md @@ -6,7 +6,7 @@ page-type: web-api-instance-property browser-compat: api.VisualViewport.pageTop --- -{{APIRef("Visual Viewport")}} +{{APIRef("CSSOM view API")}} The **`pageTop`** read-only property of the {{domxref("VisualViewport")}} interface returns the y coordinate of the top edge of the visual viewport relative to the initial containing block origin, in CSS pixels, or `0` if current document is not fully active. diff --git a/files/en-us/web/api/visualviewport/resize_event/index.md b/files/en-us/web/api/visualviewport/resize_event/index.md index a54a3f17cf27d3e..2450ea0832170e5 100644 --- a/files/en-us/web/api/visualviewport/resize_event/index.md +++ b/files/en-us/web/api/visualviewport/resize_event/index.md @@ -6,7 +6,7 @@ page-type: web-api-event browser-compat: api.VisualViewport.resize_event --- -{{APIRef("Visual Viewport")}} +{{APIRef("CSSOM view API")}} The **`resize`** event of the {{domxref("VisualViewport")}} interface is fired when the visual viewport is resized. This allows you to position elements relative to the visual viewport as it is zoomed, which would normally be anchored to the layout viewport. diff --git a/files/en-us/web/api/visualviewport/scale/index.md b/files/en-us/web/api/visualviewport/scale/index.md index 49cbf2f9119ae44..590a45554675555 100644 --- a/files/en-us/web/api/visualviewport/scale/index.md +++ b/files/en-us/web/api/visualviewport/scale/index.md @@ -6,7 +6,7 @@ page-type: web-api-instance-property browser-compat: api.VisualViewport.scale --- -{{APIRef("Visual Viewport")}} +{{APIRef("CSSOM view API")}} The **`scale`** read-only property of the {{domxref("VisualViewport")}} interface returns the pinch-zoom scaling factor applied to the visual viewport, or `0` if current document is not fully active, or `1` if there is no output device. diff --git a/files/en-us/web/api/visualviewport/scroll_event/index.md b/files/en-us/web/api/visualviewport/scroll_event/index.md index dcaf4c2444c18b0..a720efffadc21ee 100644 --- a/files/en-us/web/api/visualviewport/scroll_event/index.md +++ b/files/en-us/web/api/visualviewport/scroll_event/index.md @@ -6,7 +6,7 @@ page-type: web-api-event browser-compat: api.VisualViewport.scroll_event --- -{{APIRef("Visual Viewport")}} +{{APIRef("CSSOM view API")}} The **`scroll`** event of the {{domxref("VisualViewport")}} interface is fired when the visual viewport is scrolled. This allows you to position elements relative to the visual viewport as it is scrolled, which would normally be anchored to the layout viewport. diff --git a/files/en-us/web/api/visualviewport/scrollend_event/index.md b/files/en-us/web/api/visualviewport/scrollend_event/index.md index 432f660ebdb34da..bc954b3e265c521 100644 --- a/files/en-us/web/api/visualviewport/scrollend_event/index.md +++ b/files/en-us/web/api/visualviewport/scrollend_event/index.md @@ -6,7 +6,7 @@ page-type: web-api-event browser-compat: api.VisualViewport.scrollend_event --- -{{APIRef("Visual Viewport")}} +{{APIRef("CSSOM view API")}} The **`scrollend`** event of the {{domxref("VisualViewport")}} interface is fired when a scrolling operation on the visual viewport ends. This allows you to update an element when a scrolling action is completed. For example, you could use the {{domxref("VisualViewport/resize_event", "resize")}} and {{domxref("VisualViewport/scroll_event", "scroll")}} events to keep an element fixed to the visual viewport as it is pinch-zoomed and scrolled, and update it with new content when scrolling ends using `scrollend`. diff --git a/files/en-us/web/api/visualviewport/width/index.md b/files/en-us/web/api/visualviewport/width/index.md index 83c53edf8ea43d5..b06a7230fb5b27a 100644 --- a/files/en-us/web/api/visualviewport/width/index.md +++ b/files/en-us/web/api/visualviewport/width/index.md @@ -6,7 +6,7 @@ page-type: web-api-instance-property browser-compat: api.VisualViewport.width --- -{{APIRef("Visual Viewport")}} +{{APIRef("CSSOM view API")}} The **`width`** read-only property of the {{domxref("VisualViewport")}} interface returns the width of the visual viewport, in CSS pixels, or `0` if current document is not fully active. diff --git a/files/en-us/web/api/window/scrolly/index.md b/files/en-us/web/api/window/scrolly/index.md index 19dfb2774f1b767..251910b463e0274 100644 --- a/files/en-us/web/api/window/scrolly/index.md +++ b/files/en-us/web/api/window/scrolly/index.md @@ -6,7 +6,7 @@ page-type: web-api-instance-property browser-compat: api.Window.scrollY --- -{{APIRef("CSSOM View")}} +{{APIRef("CSSOM view API")}} The read-only **`scrollY`** property of the {{domxref("Window")}} interface returns the number of pixels by which the document is currently scrolled vertically. This value is subpixel precise in modern browsers, meaning that it isn't necessarily a whole number. You can get the number of pixels the document is scrolled horizontally from the {{domxref("Window.scrollX", "scrollX")}} property. diff --git a/files/en-us/web/api/window/visualviewport/index.md b/files/en-us/web/api/window/visualviewport/index.md index e3fcfc552bcbec0..41f13acb66e9b29 100644 --- a/files/en-us/web/api/window/visualviewport/index.md +++ b/files/en-us/web/api/window/visualviewport/index.md @@ -6,7 +6,7 @@ page-type: web-api-instance-property browser-compat: api.Window.visualViewport --- -{{APIRef("Visual Viewport")}} +{{APIRef("CSSOM view API")}} The **`visualViewport`** read-only property of the {{domxref("Window")}} interface returns a {{domxref("VisualViewport")}} object representing the visual viewport for a given window, or `null` if current document is not fully active. diff --git a/files/en-us/web/css/box-edge/index.md b/files/en-us/web/css/box-edge/index.md index 633995cfb776f03..7d6e2fcd5f5da8b 100644 --- a/files/en-us/web/css/box-edge/index.md +++ b/files/en-us/web/css/box-edge/index.md @@ -62,7 +62,7 @@ The `` keywords are defined as follows: - : Refers to the stroke bounding box in SVG. In CSS, `stroke-box` is treated as `border-box`. It is used to define the shape of the element when strokes are applied. - `view-box` - - : Refers to the nearest SVG viewport element's origin box. The origin box is a rectangle with the width and height of the initial SVG user coordinate system established by the {{svgattr("viewBox")}} attribute for that element. The origin box is positioned such that its top left corner is anchored at the [coordinate system](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems) origin. In CSS, `view-box` is treated as `border-box`. + - : Refers to the nearest SVG viewport element's origin box. The origin box is a rectangle with the width and height of the initial SVG user coordinate system established by the {{svgattr("viewBox")}} attribute for that element. The origin box is positioned such that its top left corner is anchored at the [coordinate system](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems) origin. In CSS, `view-box` is treated as `border-box`. > [!NOTE] > When the SVG viewport is not anchored at the origin, the origin box does not correspond to the SVG viewport. diff --git a/files/en-us/web/css/css_transforms/index.md b/files/en-us/web/css/css_transforms/index.md index f8a34c6678f0d31..ca259c95cdac255 100644 --- a/files/en-us/web/css/css_transforms/index.md +++ b/files/en-us/web/css/css_transforms/index.md @@ -712,7 +712,7 @@ The cube in the above example is comprised of six `
` elements, all of which - [Using CSS transforms](/en-US/docs/Web/CSS/CSS_transforms/Using_CSS_transforms) - : Step-by-step tutorial about how to transform elements styled with CSS. -- [Coordinate systems](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems) +- [Coordinate systems](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems) - : Describes the way pixel locations are defined in the CSS object model. - [Performance fundamentals: Use CSS transforms](/en-US/docs/Web/Performance/Guides/Fundamentals#use_css_transforms) - : An overview of web performance fundamentals, including how CSS transforms can improve performance. diff --git a/files/en-us/web/css/cssom_view/index.md b/files/en-us/web/css/cssom_view/index.md index 01fca602b7c8f55..e89a963ce0f0ecc 100644 --- a/files/en-us/web/css/cssom_view/index.md +++ b/files/en-us/web/css/cssom_view/index.md @@ -33,91 +33,13 @@ The **CSSOM view** module lets you manipulate the visual view of a document, inc - {{glossary("Layout viewport")}} - {{glossary("Visual viewport")}} -### Interfaces - -- {{domxref("MediaQueryList")}} -- {{domxref("MediaQueryListEvent")}} -- {{domxref("Screen")}} -- {{domxref("CaretPosition")}} -- {{domxref("VisualViewport")}} - -### Interface extensions - -This module adds properties and methods to interfaces defined in other specifications. - -- {{domxref("Window")}} - - {{domxref("Window.devicePixelRatio", "devicePixelRatio")}} - - {{domxref("Window.innerHeight", "innerHeight")}} - - {{domxref("Window.innerWidth", "innerWidth")}} - - {{domxref("Window.matchMedia", "matchMedia()")}} - - {{domxref("Window.moveBy", "moveBy()")}} - - {{domxref("Window.moveTo", "moveTo()")}} - - {{domxref("Window.outerHeight", "outerHeight")}} - - {{domxref("Window.outerWidth", "outerWidth")}} - - `pageXOffset` (see {{domxref("Window.scrollX", "scrollX")}}) - - `pageYOffset` (see {{domxref("Window.scrollY", "scrollY")}}) - - {{domxref("Window.resizeBy", "resizeBy()")}} - - {{domxref("Window.resizeTo", "resizeTo()")}} - - {{domxref("Window.screen", "screen")}} - - {{domxref("Window.screenLeft", "screenLeft")}} - - {{domxref("Window.screenTop", "screenTop")}} - - {{domxref("Window.screenX", "screenX")}} - - {{domxref("Window.screenY", "screenY")}} - - {{domxref("Window.visualViewport", "visualViewport")}} - - {{domxref("Window.scroll", "scroll()")}} - - {{domxref("Window.scrollBy", "scrollBy()")}} - - {{domxref("Window.scrollTo", "scrollTo()")}} - - {{domxref("Window.scrollX", "scrollX")}} - - {{domxref("Window.scrollY", "scrollY")}} -- {{domxref("Document")}} - - {{domxref("Document.elementFromPoint", "elementFromPoint()")}} - - {{domxref("Document.caretPositionFromPoint", "caretPositionFromPoint()")}} - - {{domxref("Document.scrollingElement", "scrollingElement")}} -- {{domxref("Element")}} - - {{domxref("Element.checkVisibility", "checkVisibility()")}} - - {{domxref("Element.clientHeight", "clientHeight")}} - - {{domxref("Element.clientLeft", "clientLeft")}} - - {{domxref("Element.clientTop", "clientTop")}} - - {{domxref("Element.clientWidth", "clientWidth")}} - - {{domxref("Element.currentCSSZoom", "currentCSSZoom")}} - - {{domxref("Element.getBoundingClientRect", "getBoundingClientRect()")}} - - {{domxref("Element.getClientRects", "getClientRects()")}} - - {{domxref("Element.scroll", "scroll()")}} - - {{domxref("Element.scrollBy", "scrollBy()")}} - - {{domxref("Element.scrollHeight", "scrollHeight")}} - - {{domxref("Element.scrollIntoView", "scrollIntoView()")}} - - {{domxref("Element.scrollLeft", "scrollLeft")}} - - {{domxref("Element.scrollTo", "scrollTo()")}} - - {{domxref("Element.scrollTop", "scrollTop")}} - - {{domxref("Element.scrollWidth", "scrollWidth")}} -- {{domxref("HTMLElement")}} - - {{domxref("HTMLElement.offsetHeight", "offsetHeight")}} - - {{domxref("HTMLElement.offsetLeft", "offsetLeft")}} - - {{domxref("HTMLElement.offsetParent", "offsetParent")}} - - {{domxref("HTMLElement.offsetTop", "offsetTop")}} - - {{domxref("HTMLElement.offsetWidth", "offsetWidth")}} -- {{domxref("HTMLImageElement")}} - - {{domxref("HTMLImageElement.x", "x")}} - - {{domxref("HTMLImageElement.y", "y")}} -- {{domxref("Range")}} - - {{domxref("Range.getBoundingClientRect", "getBoundingClientRect()")}} - - {{domxref("Range.getClientRects", "getClientRects()")}} -- {{domxref("MouseEvent")}} - - {{domxref("MouseEvent.clientX", "clientX")}} - - {{domxref("MouseEvent.clientY", "clientY")}} - - {{domxref("MouseEvent.offsetX", "offsetX")}} - - {{domxref("MouseEvent.offsetY", "offsetY")}} - - {{domxref("MouseEvent.pageX", "pageX")}} - - {{domxref("MouseEvent.pageY", "pageY")}} - - {{domxref("MouseEvent.screenY", "screenY")}} - - {{domxref("MouseEvent.x", "x")}} - - {{domxref("MouseEvent.y", "y")}} - -This module defines geometric utility methods that apply to the {{domxref("Text")}}, {{domxref("Element")}}, {{domxref("CSSPseudoElement")}}, and {{domxref("Document")}} interfaces. These `GeometryUtils` features are not yet implemented in any browser. +### API + +For the JavaScript API defined by this module, see the [CSSOM view API](/en-US/docs/Web/API/CSSOM_view_API) documentation. ## Guides -- [Coordinate systems](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems) +- [Coordinate systems](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems) - : The coordinate systems used to specify a position in a display context such as a window on a monitor, a viewport on a mobile device, or a position on a sheet of paper when printing. - [Viewport concepts](/en-US/docs/Web/CSS/CSSOM_view/Viewport_concepts) - : The concept of the viewport — what it is, its impact in terms of CSS, SVG, and mobile devices — and the difference between the visual viewport and the layout viewport. @@ -140,6 +62,7 @@ This module defines geometric utility methods that apply to the {{domxref("Text" ## See also - [CSS Object Model (CSSOM)](/en-US/docs/Web/API/CSS_Object_Model) API +- [CSSOM view API](/en-US/docs/Web/API/CSSOM_view_API) - [CSS viewport](/en-US/docs/Web/CSS/CSS_viewport) module - [CSS overflow](/en-US/docs/Web/CSS/CSS_overflow) module - [CSS overscroll behavior](/en-US/docs/Web/CSS/CSS_overscroll_behavior) module diff --git a/files/en-us/web/css/cssom_view/viewport_concepts/index.md b/files/en-us/web/css/cssom_view/viewport_concepts/index.md index 0c09f09dedbda41..8582ce1a5398b41 100644 --- a/files/en-us/web/css/cssom_view/viewport_concepts/index.md +++ b/files/en-us/web/css/cssom_view/viewport_concepts/index.md @@ -138,7 +138,7 @@ In an [SVG](/en-US/docs/Web/SVG) document, the viewport is the visible area of t In this example, the viewport has an {{glossary("aspect ratio")}} of 3:4 and is, by default, 400 by 300 units, with a unit generally being a CSS pixel. -SVG also has an internal [coordinate system](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems) defined via the [viewBox](/en-US/docs/Web/SVG/Reference/Attribute/viewBox) attribute, which is not related to this viewport discussion. +SVG also has an internal [coordinate system](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems) defined via the [viewBox](/en-US/docs/Web/SVG/Reference/Attribute/viewBox) attribute, which is not related to this viewport discussion. If you include an SVG file in your HTML, the viewport of the SVG is the initial containing block, or the width and height of the SVG container. Using the {{CSSxRef("@media")}} query in your SVG's CSS is relative to that container, not the browser. @@ -168,7 +168,9 @@ The `width` property controls the size of the viewport. It should preferably be ## See also -- {{HTMLElement("meta")}} and [``](/en-US/docs/Web/HTML/Reference/Elements/meta/name/viewport) +- [CSSOM view](/en-US/docs/Web/CSS/CSSOM_view) module +- [Visual Viewport API](/en-US/docs/Web/API/Visual_Viewport_API) +- {{HTMLElement("meta")}}, specifically `` - [Using the viewport meta tag to control layout on mobile browsers](/en-US/docs/Web/HTML/Guides/Viewport_meta_element) - [Visual Viewport API](/en-US/docs/Web/API/Visual_Viewport_API) - [CSS viewport](/en-US/docs/Web/CSS/CSS_viewport) module diff --git a/files/en-us/web/css/x/index.md b/files/en-us/web/css/x/index.md index 76bd8fe6347ac79..c5ca0b57a0dc698 100644 --- a/files/en-us/web/css/x/index.md +++ b/files/en-us/web/css/x/index.md @@ -6,7 +6,7 @@ browser-compat: css.properties.x sidebar: cssref --- -The **`x`** [CSS](/en-US/docs/Web/CSS) property defines the x-axis coordinate of the top left corner of the SVG {{SVGElement("rect")}} shape, {{SVGElement("image")}} image, {{SVGElement("foreignObject")}} viewport or nested {{SVGElement("svg")}} viewport relative to the nearest `` ancestor's user [coordinate system](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems). If present, it overrides the element's {{SVGAttr("x")}} attribute. +The **`x`** [CSS](/en-US/docs/Web/CSS) property defines the x-axis coordinate of the top left corner of the SVG {{SVGElement("rect")}} shape, {{SVGElement("image")}} image, {{SVGElement("foreignObject")}} viewport or nested {{SVGElement("svg")}} viewport relative to the nearest `` ancestor's user [coordinate system](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems). If present, it overrides the element's {{SVGAttr("x")}} attribute. > [!NOTE] > The `x` property only applies to {{SVGElement("rect")}}, {{SVGElement("image")}}, {{SVGElement("foreignObject")}}, and {{SVGElement("svg")}} elements nested in an {{SVGElement("svg")}}. It has no effect on the outermost `` elements itself, and does not apply to other SVG elements nor to HTML elements or pseudo-elements. diff --git a/files/en-us/web/css/y/index.md b/files/en-us/web/css/y/index.md index 7c51a5e59916a0f..e712a2aa9485d62 100644 --- a/files/en-us/web/css/y/index.md +++ b/files/en-us/web/css/y/index.md @@ -6,7 +6,7 @@ browser-compat: css.properties.y sidebar: cssref --- -The **`y`** [CSS](/en-US/docs/Web/CSS) property defines the y-axis coordinate of the top left corner of the SVG {{SVGElement("rect")}} shape, {{SVGElement("image")}} image, {{SVGElement("foreignObject")}} viewport and nested {{SVGElement("svg")}} viewport relative to the nearest `` ancestor's user [coordinate system](/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems). If present, it overrides the element's {{SVGAttr("y")}} attribute. +The **`y`** [CSS](/en-US/docs/Web/CSS) property defines the y-axis coordinate of the top left corner of the SVG {{SVGElement("rect")}} shape, {{SVGElement("image")}} image, {{SVGElement("foreignObject")}} viewport and nested {{SVGElement("svg")}} viewport relative to the nearest `` ancestor's user [coordinate system](/en-US/docs/Web/API/CSSOM_view_API/Coordinate_systems). If present, it overrides the element's {{SVGAttr("y")}} attribute. > [!NOTE] > The `y` property only applies to {{SVGElement("rect")}}, {{SVGElement("image")}}, {{SVGElement("foreignObject")}}, and {{SVGElement("svg")}} elements nested in an ``. It has no effect on outermost `` elements and does not apply to other SVG elements nor to HTML elements or pseudo-elements. diff --git a/files/jsondata/GroupData.json b/files/jsondata/GroupData.json index f68292e82e3f889..0040b7b4ae576f8 100644 --- a/files/jsondata/GroupData.json +++ b/files/jsondata/GroupData.json @@ -353,6 +353,23 @@ "Window: resize" ] }, + "CSSOM view API": { + "overview": ["CSSOM view API"], + "guides": [ + "/docs/Web/API/CSSOM_view_API/Coordinate_systems", + "/docs/Web/CSS/CSSOM_view/Viewport_concepts" + ], + "interfaces": [ + "CaretPosition", + "MediaQueryList", + "MediaQueryListEvent", + "Screen", + "VisualViewport" + ], + "methods": [], + "properties": [], + "events": [] + }, "Device Memory API": { "overview": ["Device Memory API"], "guides": [], @@ -1858,13 +1875,6 @@ ], "events": [] }, - "Visual Viewport": { - "overview": ["Visual Viewport API"], - "interfaces": ["VisualViewport"], - "methods": [], - "properties": ["Window.visualViewport"], - "events": [] - }, "Web Animations": { "overview": ["Web Animations API"], "guides": [ diff --git a/files/sidebars/cssref.yaml b/files/sidebars/cssref.yaml index a6e440bda48d4ca..bd5e749259383f0 100644 --- a/files/sidebars/cssref.yaml +++ b/files/sidebars/cssref.yaml @@ -188,7 +188,7 @@ sidebar: - title: CSSOM_view details: closed children: - - /Web/CSS/CSSOM_view/Coordinate_systems + - /Web/API/CSSOM_view_API/Coordinate_systems - /Web/CSS/CSSOM_view/Viewport_concepts - title: Display details: closed