①background-size：規定背景圖像的大小；

值：像素值、百分比、auto、cover、contain

②background-origin ：規定背景圖像的起始位置；

值：padding-box(默認)、content-box、border-box

③background-clip

值：padding-box、content-box、border-box(默認)

二、HSLA：

新增顏色屬性；

H：色調

S：飽和度

L：亮度

A：透明度

三、新增漸變顏色：

radial-gradient：(*position（deg），color percentage，color percentage)；

徑向漸變

linear-gradient：(*position，color percentage，color percentage)；

線性漸變

四、新增倒影：

-webkit-box-reflect：(direction，offset，color(可線性)，url)

五、MASKS遮罩、蒙版：

-webkit-mask：(url，repeat，position，size)

六、自定義字體：

@font-face{
　　font-family：'iconfont'；定義字體名
　　src：url(‘iconfont.tff’)；加載字體
}

七、多行文本省略號：（共四行css）

-webkit-box-orient:vertical  =>文本垂直顯示
-webkit-line-clamp:3  =>顯示 3 行文本
display:webkit-box  =>彈性盒模型
overflow:hidden  =>溢出隱藏

八、文本陰影：（可復合使用）

text-shadow：offsetX，offsetY，模糊距離，顏色

以上就是關于h5中新增的幾個背景屬性和文本屬性的詳細內容，更多請關注php中文網其它相關文章！