border-image-source:邊框圖片來源 如果設置none,則不顯示邊框圖片 border-image-slice:設置從圖片的top, right, bottom, left四個邊緣向內的偏移量。 % : 指向對於圖片尺寸的大小的。水平方向向對於圖片的寬度,垂直發現向對於圖片的高度。 數字: 圖片座標的大小(注意數字後不加px) fill : 指最中間自動填滿。 border-image-width:設置邊框的寬度。 border-image-repeat : 如何重覆圖像邊框。 repeat : 重覆 round : 鋪滿(調整成能剛好置入box的大小,重覆拼貼) stretch : 拉伸 假設背景圖 是圓角並有材質 想要讓背景自動填滿整個畫面 但圓角比例卻不會因拉大而失真 此時可以運用css3新的功能boder-image(邊框圖片) ★POINT! border-width: 邊框的寬; border-image: url(圖片) 圖片四個邊緣向內的偏移量 fill ; // "邊框的寬"跟"圖片四個邊緣向內的偏移量"的值需要一樣 // fill表示中間自動填滿 html{
0 Comments
Leave a Reply. |
AuthorHello! Article
css 字型大小
CSS3 Media Queries 的三種使用方法 CSS3 Media Queries-Responsive boder-image 滿版隨著版面縮放的背景 padding-hack 圖片寬高等比縮放ViewPort介紹 ArchivesCategories |