HTMLImageElement:border 属性

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

已弃用的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

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。