The Iframe is used to display a web page on the webpage. 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. The value taken by the frameBorder property are 0 and 1, where 0 is used to disable the border and 1 is used for enabling the border property. By default, the value is set to 1.
Example 1:
<!DOCTYPE html>
<html>
<head>
<title>Disable Iframe Border</title>
<style>
iframe {
height:200px;
width:400px;
background-color:lightgreen;
}
h1 {
color:green;
}
body {
text-align:center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>iframe border property</h2>
<iframe src=# frameBorder="0"></iframe>
</body>
</html>
|
Output:
Example 2:
<!DOCTYPE html>
<html>
<head>
<title>Disable Iframe Border</title>
<style>
iframe {
height:200px;
width:400px;
background-color:green;
}
h1 {
color:green;
}
body {
text-align:center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>iframe border property</h2>
<iframe src=# frameBorder="1"></iframe>
</body>
</html>
|
Output:
Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape,
GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out -
check it out now!
Last Updated :
04 Dec, 2018
Like Article
Save Article