border-box | no-clip有什么区别？

background-clip ： border-box | no-clip;

效果上面，两个参数差不多的。

还有既然no-clip是不裁切，如果不写这个属性，不就应该是不裁切吗？

求大神告知。

苍白的尾巴

2016-07-14

源自：十天精通CSS3 5-2

关注问题我要回答

2336

操作

收起

4 回答

洞悉天下回答被采纳 +3 积分
2016-08-16

假设一个容器div的大小小于这个容器div的背景图片大小，如果该容器没有设置溢出（overflow：hidden）隐藏的话，则会背景益出容器。好，再看，若background-clip属性，设置no-clip的话，图片不变，还照样逸出。若设置为border-clip的话，会才剪掉除了border以外逸出的部分

1 回复有任何疑惑可以回复我~

#1

情况不同，才会体现到属性值的作用不同

2016-08-16 回复有任何疑惑可以回复我~

#2

苍白的尾巴提问者

非常感谢！明白了

2016-08-16 回复有任何疑惑可以回复我~

默海
2017-09-06

现在W3C上已经没有no-clip.

http://www.w3school.com.cn/cssref/pr_background-clip.asp

0 回复有任何疑惑可以回复我~

qq_Catherina_0
2016-07-14

他们实现效果是一样的，border-box是默认值。

0 回复有任何疑惑可以回复我~

#1

苍白的尾巴提问者

那区别在哪？

2016-07-14 回复有任何疑惑可以回复我~

可爱的大害虫
2016-07-14

border-box是沿着边框裁切，而且是默认值，不写和写border-box一样，都是边框裁切。

0 回复有任何疑惑可以回复我~

#1

苍白的尾巴提问者

沿边框裁切，默认是沿边框放置，这和不裁切一样啊？背景肯定是在边框内的么。还有，如果不写background-clip属性，就不会裁切背景了，no-clip在什么情况下适用？

2016-07-14 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

十天精通CSS3

参与学习 242548 人
解答问题 2623 个

本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备

本课相似问答

1 回答border和outline什么区别？

1 回答我想问下， background-clip ： border-box这个是不是等于没裁剪？

2 回答box-sizing设置为border-box之后再设置它的border,为什么宽度不变高度却变了？

1 回答关于content-box和border-box的解释图片中的有关border-box的图像标尺标注是否存在错误？

2 回答display:-webkit-flex和display:-webkit-box的区别是啥

搜索更多本课相关问答

border-box | no-clip有什么区别？

我要回答关注问题

意见反馈帮助中心 APP下载