|
|
By default, an iframe has a border around it. |
Full Example of Remove Iframe Border
To remove the border, add the style attribute and use the CSS border property:
index.html
Example:
HTML
<!DOCTYPE html>
<html>
<body>
<h2>Remove the Iframe Border</h2>
<p>To remove the default border of the iframe, use CSS:</p>
<iframe src="https://itupto.com" style="border:none;" title="Iframe Example"></iframe>
</body>
</html>
Output should be:
Full Example of Custom Iframe Border with CSS
With CSS, you can also change the size, style and color of the iframe's border:
index.html
Example:
HTML
<!DOCTYPE html>
<html>
<body>
<h2>Custom Iframe Border</h2>
<p>With CSS, you can also change the size, style and color of the iframe's border:</p>
<iframe src="https://itupto.com" style="border:2px solid red;" title="Iframe Example"></iframe>
</body>
</html>
Output should be:
| What is HTML Iframes | HTML Iframes |
| How to set Iframe Height and Width | HTML Iframes |
| How to remove Iframe Border | HTML Iframes |
| How to create HTML Iframe - Target for a Link | HTML Iframes |
| Full Example of Remove Iframe Border | HTML Iframes |
| Full Example of Custom Iframe Border with CSS | HTML Iframes |
Read Full: | HTML Iframes |
Category: | Web Tutorial |
Sub Category: | HTML Iframes |
Uploaded: | 1 year ago |
Uploaded by: | Admin |
Views: | 113 |
Reffered: https://www.w3schools.com/html/tryit.asp?filename=tryhtml_iframe_border2