小码哥的IT人生

HTML <iframe> 标签的 frameborder 属性 详解

HTML基础 2023-07-13 10:13:26小码哥的IT人生shichen

HTML <iframe> 标签的 frameborder 属性

实例

右对齐的 iframe:

<iframe src ="/index.html" frameborder="0">
<p>Your browser does not support iframes.</p>
</iframe>

 

完整实例【亲自试一试】:

<html>
<body>
<iframe src ="/index.html" width="400" height="300" frameborder="0">
  <p>Your browser does not support iframes.</p>
</iframe>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

定义和用法

frameborder 属性规定是否显示 iframe 周围的边框。

提示:出于实用性方面的原因,最好不用设置该属性,请使用 CSS 来应用边框样式和颜色

CSS 实例:

完整实例【iframe 边框】:

<html>
<body>
<iframe src ="/index.html" width="400" height="300"
 style="border:medium double rgb(250,0,255)">
<p>Your browser does not support iframes.</p>
</iframe>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

语法

<iframe frameborder="value">

属性值

描述
1 有边框(默认值)。
0 关闭边框。

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024