border-image-source屬性指定要使用的圖像,而不是由border-style屬性設定的邊框樣式。
CSS3 border-image-source屬性
作用:規定要使用的圖像,代替border-style 屬性中設定的邊框樣式。
語法:
border-image-source: none|image;
none:表示不使用映像。
image:表示用作邊框的影像的路徑。
說明:如果值為 "none",或如果影像無法顯示,則使用邊框樣式。
CSS3 border-image-source屬性的使用範例
#<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> div { border: 30px solid transparent; width: 200px; height: 50px; border-image-source: url('https://img.php.cn/upload/article/000/000/024/5c62637b1a4fe853.png'); border-image-repeat: round; border-image-slice:30; } </style> </head> <body> <div> DIV 使用图像边框 </div> </body> </html>
效果圖:
以上是border-image-source屬性怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!