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

首頁 > 開發 > CSS > 正文

css3中background新增的4個新的相關屬性用法介紹

2024-07-11 08:51:05
字體:
來源:轉載
供稿:網友
關于background屬性用法,相信許多重構人員都很熟悉了,在css3中,background屬性依然保持以前的用法,不過可以允許在該屬性中添加多個背景圖像組,背景圖像之間通過逗號進行分隔。增加了4個新的相關屬性。

background-clip 指定背景的顯示范圍

background-origin 指定繪制背景圖像的起點

background-size 指定背景圖片的尺寸的大小

background-break 指定內聯元素的背景圖像進行平鋪時的循環方式

background-clip

目前webkit引擎的safari和chrome瀏覽器支持,mozilla Gecko引擎 和Presto引擎(opera11.0以上)和trident引擎(ie9以上)都支持這個屬性,但是版本低的可能需要帶上各自的私有屬性,

background-clip:padding-box || border-box || content-box

background-clip 屬性用來判斷背景是否包含邊框區域,一般默認的background-color是從元素的邊框的左上角起到右下角為止,而backround-image卻不一樣,從padding邊緣的左上角到border右下角邊緣為止;用background-clip控制背景色和背景圖片的顯示區域,解決以上默認的問題,

border-box:從邊框區域向外裁剪背景;

padding-box:從補白區域向外裁剪背景;

content-box:從內容區域向外裁剪背景

no-clip:從邊框區域向外裁剪背景
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 苏尼特左旗| 达尔| 阿拉善右旗| 昔阳县| 中阳县| 禄丰县| 茂名市| 沛县| 黎城县| 长岭县| 礼泉县| 屏山县| 静安区| 巫山县| 琼中| 南平市| 齐河县| 达州市| 威远县| 宜君县| 西盟| 佛教| 琼中| 通许县| 确山县| 罗定市| 新安县| 那曲县| 衡阳市| 南和县| 札达县| 沛县| 天全县| 三原县| 宽城| 镇沅| 拜城县| 高台县| 大理市| 夏津县| 乳源|