HTMLImageElement:border 属性
已弃用:此功能不再推荐。尽管某些浏览器可能仍然支持它,但它可能已被从相关的 Web 标准中删除,可能正在被弃用,或者可能仅出于兼容性目的而保留。避免使用它,如果可能,更新现有代码;请参阅本页底部的兼容性表以指导您的决策。请注意,此功能可能随时停止工作。
已弃用的HTMLImageElement
属性border
指定围绕图像的边框应有多厚(以像素为单位)。值为 0(默认值)表示不应绘制任何边框。
您不应使用此属性!相反,您应该使用 CSS 来设置边框样式。border
属性或其详细属性不仅可以设置边框的厚度,还可以为其应用各种其他样式选项。
具体来说,宽度是使用书写模式感知的border-block-start-width
、border-block-end-width
、border-inline-start-width
和border-inline-end-width
属性控制的。
出于兼容性(或可能的其他)原因,您可以改为(或此外)使用旧的属性:border-top-width
、border-right-width
、border-bottom-width
和border-left-width
。
值
包含一个整数值的字符串,该值指定围绕图像的边框的厚度,以 CSS 像素为单位。值为0
或空字符串表示不应绘制任何边框。border
的默认值为0
。
当设置为null
值时,该null
值将转换为空字符串(""
),因此elt.border = null
等效于elt.border = ""
。
用法说明
不要使用border
。它已弃用。相反,使用 CSS border
属性及其详细属性来在图像周围建立边框。
例如,如果您有以下 HTML
<img src="image.png" border="2" />
以下将使用 CSS 而不是此已弃用的属性提供相同的视觉效果
<img src="image.png" style="border: 2px;" />
您可以进一步提供其他信息来更改边框的颜色和其他特征
<img src="image.png" style="border: dashed 2px #333388;" />
规范
规范 |
---|
HTML 标准 # dom-img-border |
浏览器兼容性
BCD 表格仅在启用 JavaScript 的浏览器中加载。