Viewport

Fits measurable direct default-slot content once after initial layout.

Enables panning by pointer, focused wheel, focused keyboard, and Invoker commands; requires Space for primary-pointer dragging when set to space.

Enables zooming by pinch, focused modified wheel, focused keyboard, and Invoker commands.

CSS-pixel pointer movement required before a pointer pan begins.

Default uniform CSS-pixel inset reserved around bounds when fitting content.

Inclusive upper scale limit.

Inclusive lower scale limit.

Whether the viewport may admit new user-input panning.

Content-to-viewport CSS-pixel scale.

Horizontal content-space coordinate at the viewport origin.

Vertical content-space coordinate at the viewport origin.

Whether the viewport may admit new user-input zooming.

Scale stops for keyboard and command zoom, clamped to the scale bounds. Defaults to built-in stops; an empty array uses only the bounds.

Dispatched after pan or zoom availability or scale limits change.

Dispatched once after a render that commits one or more viewport transform changes.

Dispatched when a rendered viewport connects or completes its first render while connected.

Content positioned in the viewport's infinite content space.

Custom content rendered behind viewport content and excluded from content fitting

Interactive content fixed above the transformed plane and excluded from content fitting

With behavior-pan enabled, pans down by one discrete step.

With behavior-pan enabled, pans left by one discrete step.

With behavior-pan enabled, pans right by one discrete step.

With behavior-pan enabled, moves to the source x and y content coordinates.

With behavior-pan enabled, pans up by one discrete step.

With behavior-zoom enabled, animates to the next permitted scale step.

With behavior-zoom enabled, animates to the previous permitted scale step.

With behavior-zoom enabled, animates to 100% scale.

With behavior-zoom enabled, sets the centered scale from the source's numeric scale property.

With behavior-zoom enabled, animates to fit direct default-slot element boxes.

Animates the viewport to the requested partial transform.

Fits the union of direct default-slot element boxes within the viewport.

Returns the current content-space origin and CSS-pixel scale.

Returns the visible content-space rectangle.

Centers or fits a content-space region within the viewport.

Converts a viewport CSS-pixel point to content space.

Converts a content-space point to viewport CSS pixels.

Background color of the fixed viewport area. MDN

MDN

Cursor shown over a background eligible for primary-pointer panning.

Cursor shown while a pointer pan is active.