html5中新增背景屬性和文本屬性有哪些

小編給大家分享一下html5中新增背景屬性和文本屬性有哪些，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

成都創(chuàng)新互聯(lián)一直通過網(wǎng)站建設(shè)和網(wǎng)站營銷幫助企業(yè)獲得更多客戶資源。 以"深度挖掘，量身打造，注重實效"的一站式服務，以做網(wǎng)站、網(wǎng)站制作、移動互聯(lián)產(chǎn)品、成都全網(wǎng)營銷推廣服務為核心業(yè)務。十余年網(wǎng)站制作的經(jīng)驗，使用新網(wǎng)站建設(shè)技術(shù)，全新開發(fā)出的標準網(wǎng)站，不但價格便宜而且實用、靈活，特別適合中小公司網(wǎng)站制作。網(wǎng)站管理系統(tǒng)簡單易用，維護方便，您可以完全操作網(wǎng)站資料，是中小公司快速網(wǎng)站建設(shè)的選擇。

一、背景圖像顯示：

①background-size：規(guī)定背景圖像的大??；

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

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

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

③background-clip

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

二、HSLA：

新增顏色屬性；

H：色調(diào)

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，模糊距離，顏色

以上是“html5中新增背景屬性和文本屬性有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

當前文章：html5中新增背景屬性和文本屬性有哪些
網(wǎng)站路徑：http://muchs.cn/article44/jchohe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供移動網(wǎng)站建設(shè)、ChatGPT、建站公司、營銷型網(wǎng)站建設(shè)、網(wǎng)站制作、品牌網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)