css3中的新增屬性有哪些

這篇文章將為大家詳細(xì)講解有關(guān)css3中的新增屬性有哪些，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。

成都創(chuàng)新互聯(lián)公司專(zhuān)注于特克斯企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè)公司,商城開(kāi)發(fā)。特克斯網(wǎng)站建設(shè)公司,為特克斯等地區(qū)提供建站服務(wù)。全流程按需設(shè)計(jì)，專(zhuān)業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，成都創(chuàng)新互聯(lián)公司專(zhuān)業(yè)和態(tài)度為您提供的服務(wù)

css3新增屬性有：word-wrap、word-break、text-shadow、border-radius、box-shadow、border-image、background-size、transform、transition等。

css3新增屬性

1、CSS3文字效果：

• hanging-punctuation：規(guī)定標(biāo)點(diǎn)字符是否位于線(xiàn)框之外。

• punctuation-trim：規(guī)定是否對(duì)標(biāo)點(diǎn)字符進(jìn)行修剪。

• text-align-last：設(shè)置如何對(duì)齊最后一行或緊挨著強(qiáng)制換行符之前的行。

• text-emphasis：向元素的文本應(yīng)用重點(diǎn)標(biāo)記以及重點(diǎn)標(biāo)記的前景色。

• text-justify：規(guī)定當(dāng) text-align 設(shè)置為 "justify" 時(shí)所使用的對(duì)齊方法。

• text-outline：規(guī)定文本的輪廓。

• text-overflow：規(guī)定當(dāng)文本溢出包含元素時(shí)發(fā)生的事情。

• text-shadow：向文本添加陰影。

• text-wrap：規(guī)定文本的換行規(guī)則。

• word-break：規(guī)定非中日韓文本的換行規(guī)則。

• word-wrap：允許對(duì)長(zhǎng)的不可分割的單詞進(jìn)行分割并換行到下一行。

2、CSS3邊框：

• border-radius：CSS3圓角邊框。

• box-shadow：用于向方框添加陰影。

• border-image：CSS3邊框圖片，可以使用圖片來(lái)創(chuàng)建邊框。

3、CSS3背景：

• background-size：屬性規(guī)定背景圖片的尺寸。

• background-origin：屬性規(guī)定背景圖片的定位區(qū)域。

• background-clip：規(guī)定背景的繪制區(qū)域。

（學(xué)習(xí)視頻分享：css視頻教程）

4、CSS3 轉(zhuǎn)換：

• transform 向元素應(yīng)用 2D 或 3D 轉(zhuǎn)換。

• transform-origin 允許你改變被轉(zhuǎn)換元素的位置。

• transform-style 規(guī)定被嵌套元素如何在 3D 空間中顯示。

• perspective 規(guī)定 3D 元素的透視效果。

• perspective-origin 規(guī)定 3D 元素的底部位置。

• backface-visibility 定義元素在不面對(duì)屏幕時(shí)是否可見(jiàn)。

5、CSS3 過(guò)渡：

當(dāng)元素從一種樣式變換為另一種樣式時(shí)為元素添加效果。

• transition：簡(jiǎn)寫(xiě)屬性，用于在一個(gè)屬性中設(shè)置四個(gè)過(guò)渡屬性。

• transition-property：規(guī)定應(yīng)用過(guò)渡的 CSS 屬性的名稱(chēng)。

• transition-duration：定義過(guò)渡效果花費(fèi)的時(shí)間。默認(rèn)是 0。

• transition-timing-function：規(guī)定過(guò)渡效果的時(shí)間曲線(xiàn)。默認(rèn)是 "ease"。

• transition-delay：規(guī)定過(guò)渡效果何時(shí)開(kāi)始。默認(rèn)是 0。

6、CSS3動(dòng)畫(huà)：通過(guò) CSS3，我們能夠創(chuàng)建動(dòng)畫(huà)，這可以在許多網(wǎng)頁(yè)中取代動(dòng)畫(huà)圖片、Flash 動(dòng)畫(huà)以及 JavaScript。

• @keyframes：規(guī)定動(dòng)畫(huà)。

• animation：所有動(dòng)畫(huà)屬性的簡(jiǎn)寫(xiě)屬性，除了 animation-play-state 屬性。

• animation-name：規(guī)定 @keyframes 動(dòng)畫(huà)的名稱(chēng)。

• animation-duration：規(guī)定動(dòng)畫(huà)完成一個(gè)周期所花費(fèi)的秒或毫秒。默認(rèn)是 0。

• animation-timing-function：規(guī)定動(dòng)畫(huà)的速度曲線(xiàn)。默認(rèn)是 "ease"。

• animation-delay：規(guī)定動(dòng)畫(huà)何時(shí)開(kāi)始。默認(rèn)是 0。

• animation-iteration-count：規(guī)定動(dòng)畫(huà)被播放的次數(shù)。默認(rèn)是 1。

• animation-direction：規(guī)定動(dòng)畫(huà)是否在下一周期逆向地播放。默認(rèn)是 "normal"。

• animation-play-state：規(guī)定動(dòng)畫(huà)是否正在運(yùn)行或暫停。默認(rèn)是 "running"。

• animation-fill-mode：規(guī)定對(duì)象動(dòng)畫(huà)時(shí)間之外的狀態(tài)。

7、CSS3多列：

• column-count：指定元素應(yīng)該被分割的列數(shù)。

• column-fill：指定如何填充列

• column-gap：指定列與列之間的間隙

• column-rule： 所有 column-rule-* 屬性的簡(jiǎn)寫(xiě)

• column-rule-color：指定兩列間邊框的顏色

• column-rule-style：指定兩列間邊框的樣式

• column-rule-width：指定兩列間邊框的厚度

• column-span：指定元素要跨越多少列

• column-width：指定列的寬度

• columns：設(shè)置 column-width 和 column-count 的簡(jiǎn)寫(xiě)

8、CSS3用戶(hù)界面：

• resize：屬性規(guī)定是否可由用戶(hù)調(diào)整元素尺寸。

• box-sizing：屬性允許您以確切的方式定義適應(yīng)某個(gè)區(qū)域的具體內(nèi)容。

• outline-offset：屬性對(duì)輪廓進(jìn)行偏移，并在超出邊框邊緣的位置繪制輪廓。

• appearance：允許您使一個(gè)元素的外觀(guān)像一個(gè)標(biāo)準(zhǔn)的用戶(hù)界面元素。

• icon：為創(chuàng)作者提供了將元素設(shè)置為圖標(biāo)等價(jià)物的能力。

• nav-down：指定在何處使用箭頭向下導(dǎo)航鍵時(shí)進(jìn)行導(dǎo)航。

• nav-index：指定一個(gè)元素的Tab的順序。

• nav-left：指定在何處使用左側(cè)的箭頭導(dǎo)航鍵進(jìn)行導(dǎo)航。

• nav-right：指定在何處使用右側(cè)的箭頭導(dǎo)航鍵進(jìn)行導(dǎo)航。

• nav-up：指定在何處使用箭頭向上導(dǎo)航鍵時(shí)進(jìn)行導(dǎo)航。

關(guān)于css3中的新增屬性有哪些就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

網(wǎng)站題目：css3中的新增屬性有哪些
本文地址：http://www.jbt999.com/article48/jhdeep.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、外貿(mào)建站、Google、、移動(dòng)網(wǎng)站建設(shè)、微信公眾號(hào)

廣告

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