HTML border 属性

border属性定义于HTML4、XHTML标准,用于HTML table, img, object元素

border属性入门示例

<table border="1">

本例展示了使用border=1属性指定围绕表格的边框宽度为1像素 << 尝试编辑

border 属性 -- 围绕元素的边框宽度
  • 替代:border属性,新的标准已重新定义此属性,请使用CSS border属性代替
  • 引用:http://www.dreamdu.com/xhtml/attribute_border/
  • 用法:HTML4与XHTML规定,border属性用于table, img, object元素
  • 取值:pixels
    HTML border属性取值
    取值 描述
    pixels 像素表示法,例如:border="5"
  • 版本:定义于HTML4、XHTML标准,HTML5标准不支持此标记
  • 浏览器:主流浏览器均支持border属性
  • 译文:border,中文"边框"

table元素的border属性

HTML5与HTML4的差异

HTML5标准中只允许table元素的border属性取值为 "1" 或空字符串

HTML4中,table元素的border属性指定围绕表格边框的宽度。表格设置border属性,表格外围与表格内部(单元格之间)将显示边框,border属性取值大于1时,表格外围边框的宽度将受到影响,表格内部单元格之间的边框永远为1像素

示例

<table border="1">

本例展示了在表格(table元素)中使用border属性指定围绕的边框 << 尝试编辑

替代方式

table元素的border属性,在新的标准中已不建议使用。可以在td元素中使用CSS border 属性代替,如下面示例:

<td style="border: 1px solid black">

本例展示了在表格单元格(td元素)中使用CSS border属性指定围绕的边框 << 尝试编辑

猴子提示: 设计表格时,通常只需为td与th元素设置边框(无需为table元素设置边框)

扩展阅读