HTML前端开发之路——盒子背景属性

CanDuesbury 9年前

来自: http://my.oschina.net/maybelle/blog/614372


  1. background-clip属性简介

    background-clip属性用于设置盒子背景的一个显示区域,分别有border-box,padding-box,content-box;

    border-box表明背景是从边框开始,即包含边框;

    padding-box表明背景是从内边距开始,不包含边框;

    content-box表明背景是从内容开始,不包含边框以及内边距;

  2. background-origin属性简介

    background-origin属性用于设置背景图片的显示区域,分别有border-box,padding-box,content-box;

    和background-box属性一样;

    border-box表明背景图片是从边框开始,即包含边框;

    padding-box表明背景图片是从内边距开始,不包含边框;

    content-box表明背景图片是从内容开始,不包含边框以及内边距;