Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

Remove border from IFrame

Tags:

html

css

iframe

internet-explorer-6

noborder

People also ask

How do I hide an iframe border?

Remove border from iframe tag in the webpage could be done by using one of the CSS properties of the iframe tag called frameBorder and set its value to “0”. Syntax: frameBorder = "value"; Note: In the frameBorder property the B letter must be in capital otherwise it will not be recognized by the browser.

How do you remove a border in HTML?

We can set the border property to none to remove the border from an HTML table. The property is short-hand of different border properties. Those different properties are border-width , border-style and border-color . A border won't be formed when we use the border property and set it to none.

Does iframe have border?

Iframe - Remove BorderAll iframes are framed by default with a border around them. If you want to remove the border, you must use the style attribute and CSS border property. The border of the iframe by default can be removed by setting the style property value to none as in the example below.

How do I disable border?

Go to Design > Page Borders. In the Borders and Shading box, on the Page Border tab, select the arrow next to Apply to and choose the page (or pages) you want to remove the border from. Under Setting, select None, and then select OK.

Add the frameBorder attribute (note the capital ‘B’).

So it would look like:

<iframe src="myURL" width="300" height="300" frameBorder="0">Browser not compatible.</iframe>

After going mad trying to remove the border in IE7, I found that the frameBorder attribute is case sensitive.

You have to set the frameBorder attribute with a capital B.

<iframe frameBorder="0"></iframe>

As per iframe documentation, frameBorder is deprecated and using the "border" CSS attribute is preferred:

<iframe src="test.html" style="width: 100%; height: 400px; border: 0"></iframe>
  • Note CSS border property does not achieve the desired results in IE6, 7 or 8.

In addition to adding the frameBorder attribute you might want to consider setting the scrolling attribute to "no" to prevent scrollbars from appearing. 

<iframe src="myURL" width="300" height="300" frameBorder="0" scrolling="no">Browser not compatible. </iframe >

For browser specific issues also add frameborder="0" hspace="0" vspace="0" marginheight="0" marginwidth="0" according to Dreamweaver:

<iframe src="test.html" name="banner" width="300" marginwidth="0" height="300" marginheight="0" align="top" scrolling="No" frameborder="0" hspace="0" vspace="0">Browser not compatible. </iframe>

Related questions

Get class list for element with jQuery
How does Zalgo text work?
Include another HTML file in a HTML file
Are (non-void) self-closing tags valid in HTML5?
How do you easily horizontally center a <div> using CSS? [duplicate]
Strip HTML from Text JavaScript
How do I store an array in localStorage? [duplicate]
Text-align class for inside a table
How do you handle multiple submit buttons in ASP.NET MVC Framework?
HTML-encoding lost when attribute read from input field
Capture HTML Canvas as gif/jpg/png/pdf?
Adding a favicon to a static HTML page
When to use IMG vs. CSS background-image?
Can I use a :before or :after pseudo-element on an input field?
Using jQuery to center a DIV on the screen
What is sr-only in Bootstrap 3?
Can I write a CSS selector selecting elements NOT having a certain class or attribute?
CSS Background Opacity [duplicate]
Check if an element contains a class in JavaScript?
How to remove close button on the jQuery UI dialog?

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!