css3 background-clip和background-origin 區別
在css3中，background-clip和background-origin它們2個的功能大致相同，但又有些細微差別。 1.background-clip：規定背景的繪制區域，當背景是純顏色時與圖片時，它的顯示方式又不一樣。它有3種屬性：border-box、padding-box ...
原文：css3屬性中background-clip與background-origin的用法釋疑
困惑在哪里 background clip 與 background origin是css 中引入的兩個跟元素背景相關的屬性，它們有相同的可選值，即border padding content三種，而且這兩個屬性表示的都是元素背景與元素邊框 補白 padding 和內容區域之間的某種關系。 比如，我們想要在邊框上顯示背景，我們可以使用background origin幫我們實現 前提是邊框要是透明 ...
2012-11-13 16:52 7 29154 推薦指數：
相關推薦
【CSS3】background-origin和background-clip的區別
background-clip 與 background-origin是css3中引入的兩個跟元素背景相關的屬性，它們有相同的可選值，即border、padding、content三種，而且這兩個屬性表示的都是元素背景與元素邊框、補白(padding)和內容區域之間的某種關系。 雖然兩 ...
關於css3的背景切割（background-clip）、背景原點（background-origin）的使用
一、背景切割 background-clip ：border-box | padding-box | content-box 作用：為將背景圖片做適當的裁剪，以適應需要。 默認格式 background-clip ...
CSS3中background-clip背景裁切屬性
css中的background屬性想必大家已經用了無數遍，但是對於css3屬性background-clip你可能還不太了解，那么今天我們就專門來聊聊這個屬性。 clip，英文意為 “裁切，修剪”，所以很顯然，background-clip屬性肯定與背景裁切有關，而事實也正是如此 ...
css中background-clip屬性的作用
background-clip屬性的通俗作用就是指定元素背景所在的區域,有四種取值 1、border-box border-box是默認值，表示元素的背景從border區域（包括border）以內開始保留背景。 簡單代碼如下： <!doctype html> < ...
CSS3 background屬性
background: #00FF00 url(bgimage.gif) no-repeat fixed top; background 簡寫屬性在一個聲明中設置所有的背景屬性。 可以設置如下屬性： background-color：#fff; //規定要使用的背景顏色 ...
background-origin:規定 background-position 屬性相對於什么位置來定位
background-origin:border-box;此時設置background-size:contain; 根據容器的邊框定位 例如：容器的盒模型如下：設置了padding:20px;border:rgba(0,0,0,0.5) solid 10px ...
background 的一些 小的細節: 1, 背景色覆蓋范圍: border+ width+ padding ;背景圖覆蓋范圍: width + padding ; 2設置多個背景圖片 ; 3) background-position定位百分比的計算方式: 4)background-clip
緣 http://www.w3cplus.com/content/css-background-origin ...