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
-
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
-
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
Extensions to other interfaces
This module adds properties, methods, and events to interfaces defined in other specifications.
Extensions to Window
devicePixelRatioinnerHeightinnerWidthmatchMedia()moveBy()moveTo()outerHeightouterWidthpageXOffset(seescrollX)pageYOffset(seescrollY)resizeBy()resizeTo()screenscreenLeftscreenTopscreenXscreenYvisualViewportscroll()scrollBy()scrollTo()scrollXscrollYresizeevent
Extensions to Document
Extensions to Element
Extensions to HTMLElement
Extensions to HTMLImageElement
Extensions to Range
Extensions to MouseEvent
This module defines geometric utility methods that apply to the Text, Element, CSSPseudoElement, and Document interfaces. These GeometryUtils features are not yet implemented in any browser.
Specifications
| Specification |
|---|
| CSSOM View Module |
See also
- CSS Object Model (CSSOM) API
- CSSOM view module
- CSS overflow module
- CSS overscroll behavior module
- CSS scroll snap module
- Viewport
- Layout viewport
- Visual viewport
zoom- CSSOM
- CSS pixel
- Scroll container
<meta>