html iframe scrolling attribute

HTML <iframe> scrolling Attribute

❮ HTML <iframe> tag

Example

An <iframe> with scrollbars:

Try it Yourself »

Definition and Usage

The <iframe> scrolling attribute is not supported in HTML5. Use CSS instead.

The scrolling attribute specifies whether or not to display scrollbars in an <iframe>.

Normally, scrollbars appear in an <iframe> when the content is larger than the <iframe>.

Browser Support

Attribute
scrolling / Yes / Yes / Yes / Yes / Yes

The scrolling attribute is deprecated, but still supported in all major browsers.

Syntax

Attribute Values

Value / Description
auto / Scrollbars appear if needed (this is default)
yes / Scrollbars are always shown (even if they are not needed)
no / Scrollbars are never shown (even if they are needed)

❮ HTML <iframe> tag

HTML <iframe> Tag

❮ PreviousComplete HTML ReferenceNext ❯

Example

An inline frame is marked up as follows:

<iframe src="

Try it Yourself »

Definition and Usage

The <iframe> tag specifies an inline frame.

An inline frame is used to embed another document within the current HTML document.

Browser Support

Element
<iframe> / Yes / Yes / Yes / Yes / Yes

Tips and Notes

Tip: To deal with browsers that do not support <iframe>, add a text between the opening <iframe> tag and the closing </iframe> tag.

Tip: Use CSS to style the <iframe> (even to include scrollbars).

Differences Between HTML 4.01 and HTML5

HTML5 has added some new attributes, and several HTML 4.01 attributes are removed from HTML5.

Differences Between HTML and XHTML

In XHTML, the name attribute is deprecated, and will be removed. Use the global id attribute instead.

Attributes

Attribute / Value / Description
align / left
right
top
middle
bottom / Not supported in HTML5.
Specifies the alignment of an <iframe> according to surrounding elements
frameborder / 1
0 / Not supported in HTML5.
Specifies whether or not to display a border around an <iframe>
height / pixels / Specifies the height of an <iframe>
longdesc / URL / Not supported in HTML5.
Specifies a page that contains a long description of the content of an <iframe>
marginheight / pixels / Not supported in HTML5.
Specifies the top and bottom margins of the content of an <iframe>
marginwidth / pixels / Not supported in HTML5.
Specifies the left and right margins of the content of an <iframe>
name / text / Specifies the name of an <iframe>
sandbox / allow-forms
allow-pointer-lock
allow-popups
allow-same-origin
allow-scripts
allow-top-navigation / Enables an extra set of restrictions for the content in an <iframe>
scrolling / yes
no
auto / Not supported in HTML5.
Specifies whether or not to display scrollbars in an <iframe>
src / URL / Specifies the address of the document to embed in the <iframe>
srcdoc / HTML_code / Specifies the HTML content of the page to show in the <iframe>
width / pixels / Specifies the width of an <iframe>

Global Attributes

The <iframe> tag also supports the Global Attributes in HTML.

Event Attributes

The <iframe> tag also supports the Event Attributes in HTML.

HTML tutorial: HTML Iframes

HTML DOM reference: IFrame Object

Default CSS Settings

Most browsers will display the <iframe> element with the following default values:

iframe:focus {
outline: none;
}
iframe[seamless] {
display: block;
}