files/en-us/web/api/htmlfencedframeelement/width/index.md
{{SeeCompatTable}}{{APIRef("Fenced Frame API")}}
The width property of the {{domxref("HTMLFencedFrameElement")}} gets and sets the value of the corresponding {{htmlelement("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 {{domxref("HTMLFencedFrameElement.config", "config")}} object. In such cases, changing the width or {{domxref("HTMLFencedFrameElement.height", "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., {{domxref("Window.innerWidth")}} and {{domxref("Window.innerHeight")}}) will be unchanged.
A string representing the width of the element in CSS pixels. The default value is 300.
const frame = document.createElement("fencedframe");
frame.width = "480";
{{Specifications}}
{{Compat}}