css3中的background的新特性background-origin,background-clip,background-size详解

浅浅的花香味﹌ 2022-07-13 23:13 300阅读 0赞

background-size详解

background-orgin详解

background-clip详解

background-size:规定背景图片的大小,px, %(百分比是相对于要添加背景图片的元素的长和宽), cover, contain

background-origin主要就是用来决定背景图片的定位原点,换句话说就是背景图片定位的起点(background-position的原点)

background-origin规定背景图片的起始原点,border-box(从边框边缘开始),padding-box(从padding边缘开始)默认,content-box(从内容框开始)。

background-clip规定背景图片或颜色的切割范围,border-box(从边框边缘开始切割,超过border-box的部分将会被舍弃掉),padding-box(从padding框开始切割,超过部分舍弃)

同样还有content-box;

发表评论

表情:
评论列表 (有 0 条评论,300人围观)

还没有评论,来说两句吧...

相关阅读

    相关 CSS3特性

    目录 1、新增CSS选择器 2、圆角(border-radius) 3、阴影(box-shadow) 4、文字特效(text-shadow) 5、旋转(transfo

    相关 cssbackground系列详解

    研究了background相关的属性,虽然很简单,但有些还是不知道,整理出来系统的学习一下,也会更好的掌握这些知识点(细节决定成败,哈哈) background相关的属性有(

    相关 CSS3 特性

    1. 选择器 2. 背景和边框 3. 文本效果 4. 2D/3D 转换 5. 动画、过渡 6. 多列布局 7. 用户界面 选择器 :last-chil