HTMLImageElement: border 属性

已弃用:此特性不再推荐。虽然某些浏览器可能仍然支持它,但它可能已经从相关的网络标准中删除,可能正在删除过程中,或者可能仅为兼容性目的而保留。请避免使用它,如果可能,请更新现有代码;请参阅本页底部的兼容性表格以指导您的决策。请注意,此特性可能随时停止工作。

已废弃的 HTMLImageElement 属性 border 指定了围绕图像的边框应有多厚的像素。值为 0(默认值)表示不绘制边框。

应该使用此属性!相反,您应该使用 CSS 来设置边框样式。使用 border 属性或其长属性,不仅可以设置边框的厚度,还可以对其应用各种其他样式选项。

具体来说,宽度是通过与书写模式相关的 border-block-start-widthborder-block-end-widthborder-inline-start-widthborder-inline-end-width 属性来控制的。

为了兼容性(或其他原因),您可以改用(或额外使用)旧属性:border-top-widthborder-right-widthborder-bottom-widthborder-left-width

一个包含整数值的字符串,指定了图像周围边框的 CSS 像素厚度。值为 0 或空字符串表示不绘制边框。border 的默认值为 0

当设置为 null 值时,该 null 值会被转换为空字符串 (""),因此 elt.border = null 等同于 elt.border = ""

用法说明

不要使用 border。它已过时。请改用 CSS 的 border 属性及其长属性来设置图像周围的边框。

例如,如果您有以下 HTML

html
<img src="image.png" border="2" />

以下代码将使用 CSS 而不是这个已过时的属性来实现相同的效果

html
<img src="image.png" style="border: 2px;" />

您可以进一步提供额外信息来更改边框的颜色和其他特性

html
<img src="image.png" style="border: dashed 2px #333388;" />

规范

规范
HTML
# dom-img-border

浏览器兼容性