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

来源:5-2 CSS3背景 background-clip

苍白的尾巴

2016-07-14 17:22

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

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

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

求大神告知。

写回答 关注

4回答

  • 洞悉天下
    2016-08-16 17:41:15
    已采纳

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


    苍白的尾巴

    非常感谢!明白了

    2016-08-16 17:53:56

    共 2 条回复 >

  • 默海
    2017-09-06 10:24:29

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

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

  • qq_Catherina_0
    2016-07-14 19:44:33

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

    苍白的尾巴

    那区别在哪?

    2016-07-14 20:35:58

    共 1 条回复 >

  • 可爱的大害虫
    2016-07-14 18:24:38

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

    苍白的尾巴

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

    2016-07-14 18:29:50

    共 1 条回复 >

十天精通CSS3

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

242696 学习 · 2623 问题

查看课程

相似问题