css3 新增屬性

2021-07-05 11:23:50 字數 1292 閱讀 7997

background-origin: 背景影象顯示的原點。

background-clip 規定背景的繪製區域。

padding-box; 從padding區域(含padding)開始顯示背景影象。

border-box; 從border區域(含border)開始顯示背景影象。

content-box; 從content區域開始顯示背景影象。

background-clip: 指定物件的背景影象向外裁剪的區域

padding-box;從padding區域(含padding)開始顯示背景影象。

border-box;從border區域(含border)開始顯示背景影象。

content-box;從content區域開始顯示背景影象。

background-size: 尺寸

text-shadow: 陰影

none; 無

①:第1個長度值用來設定物件的陰影水平偏移值。可以為負值

②:第2個長度值用來設定物件的陰影垂直偏移值。可以為負值

③:如果提供了第3個長度值則用來設定物件的陰影模糊值。不允許負值

:設定物件的陰影的顏色。

word-wrap: 換行

normal;允許內容頂開或溢位指定的容器邊界。

break-word;內容將在邊界內換行。如果需要,單詞內部允許斷行。

word-spacing 字元間距

該屬性將指定的間隔新增到每個單詞(詞內不發生)之後,但最後乙個字將被排除在外。

判斷是否為單詞的依據是單詞間是否有空格。

transform:

translate(x,y); 移動

rotate("n"deg) 旋轉 [(360deg)360度]

scale(x,y)水平方向和垂直方向各放大的倍數.

skew(

matrix(x,x,y,y,x,y)縮寫[1,4放大;2,3傾斜;5,6移動]

transform:

rotatex(); 元素圍繞其 x 軸以給定的度數進行旋轉

rotatey();

rotatez();

origin; 規定元素被轉換的起始位置。

transition-

property; 屬性名稱; all;需要過渡的 屬性樣式.

duration; 過渡時間

timing-function; 過渡的速度曲線

delay;

CSS3新增屬性用法整理CSS3新增屬性用法整理

css3新增屬性用法整理 css3新增屬性用法整理 1 box shadow 陰影效果 2 border color 為邊框設定多種顏色 3 border image 邊框 4 text shadow 文字陰影 5 text overflow 文字截斷 6 word wrap 自動換行 7 bord...

Css3新增屬性

1.新增邊框屬性 box shadow 實現邊框陰影 屬性值有 模糊度 x軸偏移y軸偏移 color 陰影顏色 border radius 實現圓角邊框 屬性值越大角度越大 border image 實現邊框 border image source slice width outset repeat...

CSS3新增屬性

css3新增屬性 1.文字和盒子屬性 1.1 文字陰影屬性 text shadow 水平方向 垂直方向 模糊半徑 陰影顏色 1.2 盒子陰影屬性 box shadow 水平方向 垂直方向 模糊半徑 陰影顏色 1.3 文字換行 word break break all 斷字元 word warp br...