Remove Border from Iframe

Remove border from IFrame

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>

Remove iframe border

you need to embed your iframe in a responsive way, something like:

body {  margin: 0}div {  position: relative;  padding-bottom: 56.25%;  height: 0;  overflow: hidden;  max-width: 100%;}iframe {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  border: 0;

<div><iframe src='http://www.sample-videos.com/video/mp4/720/big_buck_bunny_720p_1mb.mp4' type="video/mp4" frameborder='0' allowfullscreen></iframe></div>

Javascript iframe having no border

Just add this to your CSS to get rid of frame border.

iframe{
border: 0;
}

Competely removing an iframe border

Do you mean the margin/padding?

In the html file your iframe is displaying try the following CSS:

body {
    margin: 0;
    padding 0;
}

edit:
It could also be similar for your iframe element itself.
If the above doesn't work, in the parent html page try:

iframe {
    padding: 0;
    margin: 0;
}

How to get rid of the annoying iframe borders?

just add this to your CSS:

iframe {    
 border: 0;
}

See snippet below:

* {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  margin: 0;  padding: 0;}html {  height: 100%;}body {  height: 100%;  background: #FEFFFB;  font-family: arial, verdana;}
/*ADD THIS BELOW */iframe {  border: 0 ;}/*END*/
#layoutContainer {  width: 100%;  height: 100%;  top: 0px;  left: 0px;  position: fixed;}#iframeHeader {  width: 100%;  height: 50px;  border: 0;}#iframeStatusBar {  width: 100%;  height: 15px;  border: 0;}#iframeMainMenu {  width: 200px;  height: 100%;}#iframeCenterContent {  width: 100%;  height: 100%;  top: 65px;  left: 200px;  position: fixed;}#iframeFooter {  width: 100%;  height: 50px;  bottom: 0px;  left: 200px;  position: fixed;}

<div id="layoutContainer">  <iframe id="iframeHeader" src="#" frameborder="0" hspace="0" vspace="0" marginheight="0" marginwidth="0"></iframe>  <iframe id="iframeStatusBar" src="#" frameborder="0" hspace="0" vspace="0" marginheight="0" marginwidth="0"></iframe>  <iframe id="iframeMainMenu" src="#"></iframe>  <iframe id="iframeCenterContent" src="#"></iframe>  <iframe id="iframeFooter" src="#"></iframe></div>

unable to remove border when i have an iframe within an iframe for IE

use frameborder="0" attribute:

<iframe frameborder="0" src="..." />

Unfortunately, do not know, how to set this using CSS.

Remove Border from Iframe