css3新屬性(一)

2022-05-09 20:24:19 字數 823 閱讀 7590

box-align:start | end | center | baseline | stretch

start:設定彈性盒模型物件的子元素從開始位置對齊 

center:設定彈性盒模型物件的子元素居中對齊 

end:設定彈性盒模型物件的子元素從結束位置對齊

baseline:設定彈性盒模型物件的子元素基線對齊

stretch:設定彈性盒模型物件的子元素自適應父元素尺寸

box-pack:start | center | end | justify

start:設定彈性盒模型物件的子元素從開始位置對齊(等同於左對齊)

center:設定彈性盒模型物件的子元素居中對齊

end:設定彈性盒模型物件的子元素從結束位置對齊(等同於右對齊)

justify:設定或彈性盒模型物件的子元素兩端對齊

box-align:center垂直居中

box-orient:horizontal | vertical

horizontal:設定彈性盒模型物件的子元素為水平排列

vertical:設定彈性盒模型物件的子元素為縱向排列

box-direction:normal | reverse

normal:設定彈性盒模型物件的子元素按正常順序排列

reverse:反轉彈性盒模型物件的子元素的排列順序

box-flex:  使用浮點數指定物件所分配其父元素剩餘空間的比例

box-lines:single | multiple

single:彈性盒模型物件的子元素只在一行內顯示

multiple:彈性盒模型物件的子元素超出父元素的空間時換行顯示 

CSS3的新屬性

1.線性漸變 linear 線性 gradient 漸變 background image webkit linear gradient top,red 50 yellow 50 yellow90 2.徑向漸變 可以設定數值 百分比 英文 background image webkit radial...

css3邊框新屬性

通過css3,可以建立圓角邊框 border radius 向矩形新增陰影 border shadow 甚至使用 border image 來繪製邊框。圓角邊框 div 取值 由浮點數字和單位識別符號組成的長度值。不可為負值。border top left radius 由浮點數字和單位識別符號組成...

css3新屬性學習

box size width 這樣就可以讓我們不必要再去計算盒子增減內邊距後有沒有撐開什麼的,因為無論內邊距如何變化,盒子的大小始終只會等於width。filter blur 5px 濾鏡,css3為我們增加了濾鏡效果,當括號中的數值越大,則越模糊。width calc 100 30px 可以自動計...