1. 尺寸屬性(Dimension)

height: 設(shè)置元素高度。

max-height: 設(shè)置元素的最大高度。

max-width: 設(shè)置元素的最大寬度。

min-height: 設(shè)置元素的最小高度。

min-width: 設(shè)置元素的最小寬度。

width: 設(shè)置元素的寬度。

2. 背景屬性(Background)

background: 在一個(gè)聲明中設(shè)置所有的背景屬性。

background-color: 設(shè)置元素的背景顏色。

background-image: 設(shè)置元素的背景圖像。

background-repeat: 設(shè)置是否及如何重復(fù)背景圖像。

background-position: 設(shè)置背景圖像的開(kāi)始位置。

background-attachment: 設(shè)置背景圖像是否固定或者隨著頁(yè)面的其余部分滾動(dòng)。

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

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

background-size: 規(guī)定背景圖片的尺寸。

3. 字體屬性(Font)

font: 在一個(gè)聲明中設(shè)置所有字體屬性。

font-family: 規(guī)定文本的字體系列。

font-size: 規(guī)定文本的字體尺寸。

font-style: 規(guī)定文本的字體樣式。

font-variant: 規(guī)定是否以小型大寫(xiě)字母的字體顯示文本。

font-weight: 規(guī)定字體的粗細(xì)。

4. 文本屬性(Text)

color: 設(shè)置文本的顏色。

direction: 規(guī)定文本的方向/書(shū)寫(xiě)方向。

letter-spacing: 設(shè)置字符間距。

line-height: 設(shè)置行高。

text-align: 規(guī)定文本的水平對(duì)齊方式。

text-decoration: 規(guī)定添加到文本的裝飾效果。

text-indent: 規(guī)定文本塊首行的縮進(jìn)。

text-transform: 控制文本的大小寫(xiě)。

white-space: 規(guī)定如何處理元素中的空白。

word-spacing: 設(shè)置單詞間距。

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

text-shadow: 向文本添加陰影。

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

5. 列表屬性(List)

list-style: 在一個(gè)聲明中設(shè)置所有的列表屬性。

list-style-image: 將圖象設(shè)置為列表項(xiàng)標(biāo)記。

list-style-position: 設(shè)置列表項(xiàng)標(biāo)記的放置位置。

list-style-type: 設(shè)置列表項(xiàng)標(biāo)記的類型。 ?

6. 輪廓屬性(Outline)

outline: 在一個(gè)聲明中設(shè)置所有的輪廓屬性。

outline-color: 設(shè)置輪廓的顏色。

outline-style: 設(shè)置輪廓的樣式。

outline-width: 設(shè)置輪廓的寬度。

outline-offset: 設(shè)置輪廓的偏移。

7. 邊框?qū)傩?Border)

border: 在一個(gè)聲明中設(shè)置所有的邊框?qū)傩浴?/p>

border-bottom: 在一個(gè)聲明中設(shè)置所有的下邊框?qū)傩浴?/p>

border-bottom-color: 設(shè)置下邊框的顏色。

border-bottom-style: 設(shè)置下邊框的樣式。

border-bottom-width: 設(shè)置下邊框的寬度。

border-color: 設(shè)置四條邊框的顏色。

border-left: 在一個(gè)聲明中設(shè)置所有的左邊框?qū)傩浴?/p>

border-left-color: 設(shè)置左邊框的顏色。

border-left-style: 設(shè)置左邊框的樣式。

border-left-width: 設(shè)置左邊框的寬度。

border-right: 在一個(gè)聲明中設(shè)置所有的右邊框?qū)傩浴?/p>

border-right-color: 設(shè)置右邊框的顏色。

border-right-style: 設(shè)置右邊框的樣式。

border-right-width: 設(shè)置右邊框的寬度。

border-style: 設(shè)置四條邊框的樣式。

border-top: 在一個(gè)聲明中設(shè)置所有的上邊框?qū)傩浴?/p>

border-top-color: 設(shè)置上邊框的顏色。

border-top-style: 設(shè)置上邊框的樣式。

border-top-width: 設(shè)置上邊框的寬度。

border-width: 設(shè)置四條邊框的寬度。

border-radius: 簡(jiǎn)寫(xiě)屬性, 設(shè)置所有四個(gè)border-*-radius屬性。

border-top-left-radius: 定義邊框左上角的形狀。

border-top-right-radius: 定義邊框右下角的形狀。

border-bottom-left-radius: 定義邊框左下角的形狀。

border-bottom-right-radius: 定義邊框右下角的形狀。

border-image: 簡(jiǎn)寫(xiě)屬性, 設(shè)置所有border-image-*屬性。

border-image-outset: 規(guī)定邊框圖像區(qū)域超出邊框的量。

border-image-repeat: 圖像邊框是否應(yīng)平鋪(repeated)、鋪滿(rounded)或拉伸(stretched)。

border-image-slice: 規(guī)定圖像邊框的向內(nèi)偏移。

border-image-source: 規(guī)定用作邊框的圖片。

border-image-width: 規(guī)定圖片邊框的寬度。

box-shadow: 向方框添加一個(gè)或多個(gè)陰影。

8. 外邊距屬性(Margin)

margin: 在一個(gè)聲明中設(shè)置所有外邊距屬性。

margin-bottom: 設(shè)置元素的下外邊距。

margin-left: 設(shè)置元素的左外邊距。

margin-right: 設(shè)置元素的右外邊距。

margin-top: 設(shè)置元素的上外邊距。

9. 內(nèi)邊距屬性(Padding)

padding: 在一個(gè)聲明中設(shè)置所有內(nèi)邊距屬性。

padding-bottom: 設(shè)置元素的下內(nèi)邊距。

padding-left: 設(shè)置元素的左內(nèi)邊距。

padding-right: 設(shè)置元素的右內(nèi)邊距。

padding-top: 設(shè)置元素的上內(nèi)邊距。

10. 表格屬性(Table)

border-collapse: 規(guī)定是否合并表格邊框。

border-spacing: 規(guī)定相鄰單元格邊框之間的距離。

caption-side: 規(guī)定表格標(biāo)題的位置。

empty-cells: 規(guī)定是否顯示表格中的空單元格上的邊框和背景。

11. 定位屬性(Positioning)

display: 規(guī)定元素應(yīng)該生成的框的類型。

position: 規(guī)定元素的定位類型。

top: 設(shè)置定位元素的上外邊距邊界與其包含塊上邊界之間的偏移。

right: 設(shè)置定位元素右外邊距邊界與其包含塊右邊界之間的偏移。

bottom: 設(shè)置定位元素下外邊距邊界與其包含塊下邊界之間的偏移。

left: 設(shè)置定位元素左外邊距邊界與其包含塊左邊界之間的偏移。

overflow: 規(guī)定當(dāng)內(nèi)容溢出元素框時(shí)發(fā)生的事情。

z-index: 設(shè)置元素的堆疊順序。

float: 規(guī)定框是否應(yīng)該浮動(dòng)。

clear: 規(guī)定元素的哪一側(cè)不允許其他浮動(dòng)元素。

visibility: 規(guī)定元素是否可見(jiàn)。

clip: 剪裁絕對(duì)定位元素。

cursor: 規(guī)定要顯示的光標(biāo)的類型(形狀)。

vertical-align: 設(shè)置元素的垂直對(duì)齊方式。

12. Color屬性

opacity: 規(guī)定元素的不透明級(jí)別。

13. 2D/3D 轉(zhuǎn)換屬性(Transform)

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

14. 過(guò)渡屬性(Transition)

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

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

transition-duration: 定義過(guò)渡效果花費(fèi)的時(shí)間。

transition-timing-function: 規(guī)定過(guò)渡效果的時(shí)間曲線。

transition-delay: 規(guī)定過(guò)渡效果何時(shí)開(kāi)始。

15. CSS3 動(dòng)畫(huà)屬性(Animation)

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

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

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

animation-duration: 規(guī)定動(dòng)畫(huà)完成一個(gè)周期所花費(fèi)的秒或毫秒。

animation-timing-function: 規(guī)定動(dòng)畫(huà)的速度曲線。

animation-delay: 規(guī)定動(dòng)畫(huà)何時(shí)開(kāi)始。

animation-iteration-count: 規(guī)定動(dòng)畫(huà)被播放的次數(shù)。

animation-direction: 規(guī)定動(dòng)畫(huà)是否在下一周期逆向地播放。

animation-play-state: 規(guī)定動(dòng)畫(huà)是否正在運(yùn)行或暫停。

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

16. 多列屬性(Multi-column)

column-count: 規(guī)定元素應(yīng)該被分隔的列數(shù)。

column-gap: 規(guī)定列之間的間隔。

column-rule: 設(shè)置所有column-rule-*屬性的簡(jiǎn)寫(xiě)屬性。

column-rule-color: 規(guī)定列之間規(guī)則的顏色。

column-rule-style: 規(guī)定列之間規(guī)則的樣式。

column-rule-width: 規(guī)定列之間規(guī)則的寬度。

column-span: 規(guī)定元素應(yīng)該橫跨的列數(shù)。

column-width: 規(guī)定列的寬度。

columns: 規(guī)定設(shè)置column-width和column-count的簡(jiǎn)寫(xiě)屬性。

17. 用戶界面屬性(User-interface)

appearance: 允許您將元素設(shè)置為標(biāo)準(zhǔn)用戶界面元素的外觀。

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

icon: 為創(chuàng)作者提供使用圖標(biāo)化等價(jià)物來(lái)設(shè)置元素樣式的能力。

nav-down: 規(guī)定在使用arrow-down導(dǎo)航鍵時(shí)向何處導(dǎo)航。

nav-index: 設(shè)置元素的tab鍵控制次序。

nav-left: 規(guī)定在使用arrow-left導(dǎo)航鍵時(shí)向何處導(dǎo)航。

nav-right: 規(guī)定在使用arrow-right導(dǎo)航鍵時(shí)向何處導(dǎo)航。

nav-up: 規(guī)定在使用arrow-up導(dǎo)航鍵時(shí)向何處導(dǎo)航。 ?

resize: 規(guī)定是否可由用戶對(duì)元素的尺寸進(jìn)行調(diào)整。

總結(jié)

以上是生活随笔為你收集整理的050_学习的CSS属性的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。