邊框,影象

使用 border-image 屬性,你可以設定要使用的影象而不是普通的邊框樣式。

border-image 基本上由 a 組成

  • border-image-source:要使用的影象的路徑
  • border-image-slice:指定用於將影象分成九個區域四個角,四個和一個中間 ) 的偏移量
  • border-image-repeat:指定如何縮放邊框影象的邊和中間的影象

請考慮以下示例 wheras border.png 是 90x90 畫素的影象:

border-image: url("border.png") 30 stretch;

影象將分為 9 個區域,30x30 畫素。邊緣將用作邊框的角落,而邊緣將用於其間。如果元素高於/大於 30px,則影象的這一部分將被拉伸。影象的中間部分預設為透明。