background-clip

用來將背景(包括背景圖片和背景顏色)做適當?shù)牟眉粢赃m應實際需要。
在開始之前先說一下一個經(jīng)常被忽略的事實:border是有背景顏色的?。?!只是一般我們都會設置border為solid再加上背景顏色,就覆蓋了來自于盒子的背景顏色。
可能的值有:

  1. border-box 不裁剪(默認值)
  2. padding-box 從padding開始裁剪,border上沒有來自盒子的背景顏色和背景圖片了。
  3. content-box 從內(nèi)容區(qū)域開始裁剪。

該屬性只負責剪裁,和背景圖片和背景顏色的位置無關,被剪掉的地方的背景為透明(transparent)###

說到這個屬性,又一個有點類似的屬性叫overflow,當overflow的值為hidden時,他的執(zhí)行方式類似于padding-box。將padding之外的內(nèi)容都剪掉(或者說隱藏掉)。

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容