原文:background-origin:規定 background-position 屬性相對於什么位置來定位

background origin:border box 此時設置background size:contain 根據容器的邊框定位 例如:容器的盒模型如下:設置了padding: px border:rgba , , , . solid px background origin:content box 此時設置background size:contain background origin: ...

2017-01-13 15:09 0 1715 推薦指數:

查看詳情

background-positionposition

1.background-position:表示背景定位屬性。描述屬性值時,有兩種方式:一是像素描述;而是單位描述。 (1)像素描述: 格式如下: 屬性值可以是正數,也可以是負數。比如:100px 200px、-50px -120px。 舉例如下: (2)單詞描述 ...

Tue Jun 04 19:20:00 CST 2019 0 3643
background-position詳細用法

1、background-position:0 0;等於background-position:left top;(左上角) 2、background-position:100% 100%;等於background-position:right bottom;(右下角 ...

Sun Jul 05 18:07:00 CST 2015 0 4325
background之你不知道的background-position

這是一個有趣的話題 其實我並不確切的平時大家是怎么去應用或者玩轉一個屬性,一個值。我能肯定的是這些東西都有不少的可玩性。 我今天要聊的 background-position 應該已經被大家玩得色彩斑斕了。尤其是 CSS Sprites流行的這些年,background-position ...

Mon Oct 10 04:09:00 CST 2016 0 1659
CSS background-position用法

,就是因為想象的太難了,才一直找不到問題的關鍵。 要想實現CSS摳圖,只需要用到一個屬性:ba ...

Mon Mar 02 20:04:00 CST 2015 2 15738
background-position用法詳解

background-position詳細用法 background-position的值有三種表示方法,分別有不同的含義: 1)百分比 (容器的內容寬度-背景圖片的寬度)*對應的百分比 即為圖片要移動的距離 如果您僅規定了一個值,另一個值將是 50%。 2)長度 ...

Sat Dec 29 00:09:00 CST 2018 0 882
css3屬性background-clip與background-origin的用法釋疑

困惑在哪里? background-clip 與 background-origin是css3中引入的兩個跟元素背景相關的屬性,它們有相同的可選值,即border、padding、content三種,而且這兩個屬性表示的都是元素背景與元素邊框、補白(padding)和內容區域之間的某種關系 ...

Wed Nov 14 00:52:00 CST 2012 7 29154
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM