国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

詳解css樣式中的border-image

2024-07-11 09:07:37
字體:
來源:轉載
供稿:網友

border-image-source 屬性設置邊框的圖片的路徑[none | <image>]

div {   border: 20px solid #000;   border-image-source: url(border.png);}

border-image-slice 屬性圖片邊框向內偏移[ <number> | <percentage> ](1,4) ?fill

div {   border: 20px solid #000;   border-image-source: url(border.png);   border-image-slice: 27,27,27,27;}

border-image-width 屬性設置圖片邊框的寬度[ <length>|<number> |<percentage> | auto](1,4)

div {   border: 20px solid #000;   border-image-source: url(border.png);   border-image-slice: 27,27,27,27;   border-image-width: 27px 1 10% 27px;}

border-image-outset 屬性設置邊框圖像區域超出邊框的量[ <length>|<number> ](1,4)

div {   border: 20px solid #000;   border-image-source: url(border.png);   border-image-slice: 27,27,27,27;   border-image-width: 27px 1 10% 27px;   border-image-outset: 27px 27px 27px 27px;}

border-image-repeat 屬性設置圖像邊框是否應平鋪(repeated)、鋪滿(rounded)或拉伸(stretched)(1,2)

div {   border: 20px solid #000;   border-image-source: url(border.png);   border-image-slice: 27,27,27,27;   border-image-width: 27px 1 10% 27px;   border-image-outset: 27px 27px 27px 27px;   border-image-repeat: rounded;   border-image: url(border.png) 27  rounded;}

以上就是本文的全部內容,希望本文的內容對大家的學習或者工作能帶來一定的幫助,同時也希望多多支持VeVb武林網!


注:相關教程知識閱讀請移步到CSS教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 高尔夫| 乌拉特后旗| 万安县| 尼玛县| 肥乡县| 榆中县| 正定县| 临泽县| 南漳县| 乌兰浩特市| 灵宝市| 古蔺县| 中宁县| 满城县| 邢台县| 方正县| 兴隆县| 永年县| 舟山市| 临汾市| 湄潭县| 临沭县| 玉门市| 施甸县| 平湖市| 亚东县| 竹山县| 大关县| 色达县| 西城区| 昆山市| 阜阳市| 洱源县| 贵州省| 丽水市| 安宁市| 龙井市| 台东市| 噶尔县| 依安县| 万盛区|