img 的 border 属性在 html5 中已被完全移除,应改用 css 的 border 属性统一控制;table 的 border 属性虽仍被支持,但仅作为呈现提示影响传统渲染模式,推荐显式使用 css 设置 border-collapse 和 border 样式。

img 的 border 属性早已被废弃,别再用 border="1"
HTML5 完全移除了 <img> 标签的 border 属性,连 XHTML 1.0 Strict 都不支持。现在写 <img src="a.jpg" border="2">,浏览器虽可能渲染出边框(出于向后兼容),但会触发 HTML 验证警告,且行为不可靠。
常见错误现象:
- 在 Chrome/Firefox 中边框看似正常,但在某些 WebView 或严格模式下直接失效
- 与 CSS 的
border冲突,导致样式覆盖混乱 -
border="0"曾用于消除图片被@#@#@#@#@#@#@#@#@#@0中图片的默认链接边框;现在必须写a img { border: none; },否则img { border: none; }可能被 a 的默认样式干扰 <table border="1"> 默认启用 <code>border-collapse: separate,而纯 CSS 写table { border: 1px solid #000; }不自动设border-collapse,结果只在外围画框,内部单元格无边框- IE8 及更早版本不支持
border-radius等新特性,但旧border属性也仅限基础渲染,两者都不解决圆角需求 - 全局搜索项目中的
border=",逐个替换为对应 CSS 类或内联样式 - 对表格统一加 class 如
class="table-bordered",并在 CSS 中定义.table-bordered { border-collapse: collapse; border: 1px solid #ddd; } - 用
img:not([src])或img[alt=""]等选择器做兜底样式,比依赖border更可控
简单验证方式:打开开发者工具,检查元素的 computed styles,看 border 是否真正应用,而不是只看 HTML 属性是否存在。
什么时候还可能看到 border 属性?小心遗留代码
目前唯一合理保留 border 属性的地方,是维护老系统(如 ASP.NET Web Forms 的 <table></table> 生成的 HTML)或 CMS 导出的静态页。但即便如此,也不建议在新项目中沿用。
迁移建议:
真正麻烦的从来不是语法换不换,而是旧属性的“隐式副作用”——比如它悄悄改变了表格边框渲染模型。这种细节,不看渲染树根本意识不到。












