- [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/Guides/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.

- {{domxref("MediaQueryList")}}

- {{domxref("MediaQueryListEvent")}}

- {{domxref("Screen")}}

- {{domxref("CaretPosition")}}

- {{domxref("VisualViewport")}}

This module adds properties, methods, and events to interfaces defined in other specifications.

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

- {{domxref("Document.elementFromPoint", "elementFromPoint()")}}

- {{domxref("Document.caretPositionFromPoint", "caretPositionFromPoint()")}}

- {{domxref("Document.scrollingElement", "scrollingElement")}}

- {{domxref("Document/scroll_event", "scroll")}} event

- {{domxref("Document/scrollend_event", "scrollend")}} event

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

- {{domxref("HTMLElement.offsetHeight", "offsetHeight")}}

- {{domxref("HTMLElement.offsetLeft", "offsetLeft")}}

- {{domxref("HTMLElement.offsetParent", "offsetParent")}}

- {{domxref("HTMLElement.offsetTop", "offsetTop")}}

- {{domxref("HTMLElement.offsetWidth", "offsetWidth")}}

- {{domxref("HTMLImageElement.x", "x")}}

- {{domxref("HTMLImageElement.y", "y")}}

- {{domxref("Range.getBoundingClientRect", "getBoundingClientRect()")}}

- {{domxref("Range.getClientRects", "getClientRects()")}}

- {{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}}

- [CSS Object Model (CSSOM)](/en-US/docs/Web/API/CSS_Object_Model) API

- [CSSOM view](/en-US/docs/Web/CSS/Guides/CSSOM_view) module

- [CSS overflow](/en-US/docs/Web/CSS/Guides/Overflow) module

- [CSS overscroll behavior](/en-US/docs/Web/CSS/Guides/Overscroll_behavior) module

- [CSS scroll snap](/en-US/docs/Web/CSS/Guides/Scroll_snap) module

- {{glossary("Viewport")}}

- {{glossary("Layout viewport")}}

- {{glossary("Visual viewport")}}

- {{cssxref("zoom")}}

- {{glossary("CSSOM")}}

- {{glossary("CSS pixel")}}

- {{glossary("Scroll container")}}

- {{htmlelement("meta")}}