HTMLImageElement: border 屬性
已棄用:此特性不再推薦。雖然某些瀏覽器可能仍然支援它,但它可能已經從相關的網路標準中刪除,可能正在刪除過程中,或者可能僅為相容性目的而保留。請避免使用它,如果可能,請更新現有程式碼;請參閱本頁底部的相容性表格以指導您的決策。請注意,此特性可能隨時停止工作。
已廢棄的 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 |
瀏覽器相容性
載入中…