HTMLFencedFrameElement: width property

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The width property of the HTMLFencedFrameElement gets and sets the value of the corresponding <fencedframe> width attribute, which specifies the width of the element.

The size of the embedded content may be set by internal contentWidth and contentHeight properties of the <fencedframe>'s config object. In such cases, changing the width or height of the <fencedframe> will change the size of the embedded container on the page, but the document inside the container will be visually scaled to fit. The reported width and height of the embedded document (i.e. Window.innerWidth and Window.innerHeight) will be unchanged.

Value

A string representing the width of the element in CSS pixels. The default value is 300.

Examples

js
const frame = document.createElement("fencedframe");
frame.width = "480";

Specifications

Specification
Fenced Frame
# dom-htmlfencedframeelement-width

Browser compatibility

BCD tables only load in the browser

See also