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
const frame = document.createElement("fencedframe");
frame.width = "480";
Specifications
| Specification |
|---|
| Fenced Frame # dom-htmlfencedframeelement-width |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
width
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support
- Experimental. Expect behavior to change in the future.
See also
- Fenced frames on privacysandbox.google.com
- The Privacy Sandbox on privacysandbox.google.com