How to Remove Border from IFrame in HTML
Topic: HTML / CSSPrev|Next
Answer: Use the CSS border Property
You can simply use the CSS border property with the value none to remove the border from iframe. Don't use the frameborder attribute to remove iframe's border as it is obsolete in HTML5.
Let's check out the following example to understand how it basically works:
Example
Try this code »<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Remove Border from IFrame Using CSS</title>
<style>
iframe {
border: none;
}
</style>
</head>
<body>
<iframe src="https://www.tutorialrepublic.com/" width="500" height="500">Browser not compatible.</iframe>
</body>
</html>Related FAQ
Here are some more FAQ related to this topic:
