Style 對象屬性
可以在Style對象上使用以下屬性:
“CSS”列指示定義屬性的CSS版本(CSS1,CSS2或CSS3)。
屬性 | 描述 | CSS |
---|---|---|
alignContent | 當項目不使用所有可用空間時,設置或返回靈活容器內線之間的對齊方式 | 3 |
alignItems | 設置或返回靈活容器內項目的對齊方式 | 3 |
alignSelf | 設置或返回靈活容器內所選項目的對齊方式 | 3 |
animation | 下面所有動畫屬性的簡寫屬性,dynamicPlayState屬性除外 | 3 |
animationDelay | 動畫開始時設置或返回 | 3 |
animationDirection | 設置或返回動畫是否應在交替循環中反向播放 | 3 |
animationDuration | 設置或返回動畫完成一個循環所需的秒數或毫秒數 | 3 |
animationFillMode | 設置或返回動畫在執行時間之外應用的值 | 3 |
animationIterationCount | 設置或返回動畫應播放的次數 | 3 |
animationName | 設置或返回@keyframes動畫的名稱 | 3 |
animationTimingFunction | 設置或返回動畫的速度曲線 | 3 |
animationPlayState | 設置或返回動畫是否正在運行或暫停 | 3 |
background | 在一個聲明中設置或返回所有背景屬性 | 1 |
backgroundAttachment | 設置或返回背景圖像是固定的還是與頁面一起滾動 | 1 |
backgroundColor | 設置或返回元素的背景顏色 | 1 |
backgroundImage | 設置或返回元素的背景圖像 | 1 |
backgroundPosition | 設置或返回背景圖像的起始位置 | 1 |
backgroundRepeat | 設置或返回如何重復(平鋪)背景圖像 | 1 |
backgroundClip | 設置或返回背景的繪畫區域 | 3 |
backgroundOrigin | 設置或返回背景圖像的定位區域 | 3 |
backgroundSize | 設置或返回背景圖像的大小 | 3 |
backfaceVisibility | 設置或返回元素在不面向屏幕時是否應該可見 | 3 |
border | 在一個聲明中設置或返回borderWidth,borderStyle和borderColor | 1 |
borderBottom | 在一個聲明中設置或返回所有borderBottom屬性 | 1 |
borderBottomColor | 設置或返回底部邊框1的顏色 | 1 |
borderBottomLeftRadius | 設置或返回左下角邊框的形狀 | 3 |
borderBottomRightRadius | 設置或返回右下角邊框的形狀 | 3 |
borderBottomStyle | 設置或返回底部邊框的樣式 | 1 |
borderBottomWidth | 設置或返回底部邊框的寬度 | 1 |
borderCollapse | 設置或返回表邊框是否應折疊為單個邊框 | 2 |
borderColor | 設置或返回元素邊框的顏色(最多可包含四個值) | 1 |
borderImage | 用於設置或返回所有borderImage屬性的簡寫屬性 | 3 |
borderImageOutset | 設置或返回邊框圖像區域延伸到邊框之外的量 | 3 |
borderImageRepeat | 設置或返回是否應重復,舍入或拉伸圖像邊框 | 3 |
borderImageSlice | 設置或返回圖像邊框的向內偏移 | 3 |
borderImageSource | 設置或返回要用作邊框的圖像 | 3 |
borderImageWidth | 設置或返回圖像邊框的寬度 | 3 |
borderLeft | 在一個聲明中設置或返回所有borderLeft屬性 | 1 |
borderLeftColor | 設置或返回左邊框的顏色 | 1 |
borderLeftStyle | 設置或返回左邊框的樣式 | 1 |
borderLeftWidth | 設置或返回左邊框的寬度 | 1 |
borderRadius | 用於設置或返回所有四個borderRadius屬性的簡寫屬性 | 3 |
borderRight | 在一個聲明中設置或返回所有borderRight屬性 | 1 |
borderRightColor | 設置或返回右邊框的顏色 | 1 |
borderRightStyle | 設置或返回右邊框的樣式 | 1 |
borderRightWidth | 設置或返回右邊框的寬度 | 1 |
borderSpacing | 設置或返回表格中單元格之間的空間 | 2 |
borderStyle | 設置或返回元素邊框的樣式(最多可包含四個值) | 1 |
borderTop | 在一個聲明中設置或返回所有borderTop屬性 | 1 |
borderTopColor | 設置或返回頂部邊框的顏色 | 1 |
borderTopLeftRadius | 設置或返回左上角邊框的形狀 | 3 |
borderTopRightRadius | 設置或返回右上角邊框的形狀 | 3 |
borderTopStyle | 設置或返回頂部邊框的樣式 | 1 |
borderTopWidth | 設置或返回頂部邊框的寬度 | 1 |
borderWidth | 設置或返回元素邊框的寬度(最多可包含四個值) | 1 |
bottom | 設置或返回定位元素的底部位置 | 2 |
boxDecorationBreak | 在換行符時設置或返回元素的背景和邊框的行為,或者對於換行符,設置或返回行內元素的行為。 | 3 |
boxShadow | 將一個或多個陰影附加到框中 | 3 |
boxSizing | 允許您以某種方式定義某些元素以適合某個區域 | 3 |
captionSide | 設置或返回表格標題的位置 | 2 |
clear | 設置或返回元素相對於浮動對象的位置 | 1 |
clip | 設置或返回定位元素的哪個部分可見 | 2 |
color | 設置或返回文本的顏色 | 1 |
columnCount | 設置或返回元素應分成的列數 | 3 |
columnFill | 設置或返回填充列的方式 | 3 |
columnGap | 設置或返回列之間的間隙 | 3 |
columnRule | 用於設置或返回所有columnRule屬性的簡寫屬性 | 3 |
columnRuleColor | 設置或返回列之間規則的顏色 | 3 |
columnRuleStyle | 在列之間設置或返回規則的樣式 | 3 |
columnRuleWidth | 設置或返回列之間規則的寬度 | 3 |
columns | 用於設置或返回columnWidth和columnCount的簡寫屬性 | 3 |
columnSpan | 設置或返回元素應跨越的列數 | 3 |
columnWidth | 設置或返回列的寬度 | 3 |
content | 與:before和:after偽元素一起使用,以插入生成的內容 | 2 |
counterIncrement | 增加一個或多個計數器 | 2 |
counterReset | 創建或重置一個或多個計數器 | 2 |
cursor | 設置或返回要為鼠標指針顯示的光標類型 | 2 |
direction | 設置或返回文本方向 | 2 |
display | 設置或返回元素的顯示類型 | 1 |
emptyCells | 設置或返回是否顯示空單元格的邊框和背景 | 2 |
filter | 設置或返回圖像濾鏡(視覺效果,如模糊和飽和度) | 3 |
flex | 設置或返回項目的長度,相對於其余項目 | 3 |
flexBasis | 設置或返回靈活項目的初始長度 | 3 |
flexDirection | 設置或返回靈活項目的方向 | 3 |
flexFlow | flexDirection和flexWrap屬性的簡寫屬性 | 3 |
flexGrow | 設置或返回項目相對於其余項目的增長量 | 3 |
flexShrink | 設置或返回項目相對於其余項目縮小的方式 | 3 |
flexWrap | 設置或返回靈活項目是否應該換行 | 3 |
cssFloat | 設置或返回元素的水平對齊方式 | 1 |
font | 在一個聲明中設置或返回fontStyle,fontVariant,fontWeight,fontSize,lineHeight和fontFamily | 1 |
fontFamily | 設置或返回文本的字體系列 | 1 |
fontSize | 設置或返回文本的字體大小 | 1 |
fontStyle | 設置或返回字體樣式是正常,斜體還是傾斜 | 1 |
fontVariant | 設置或返回字體是否應以小寫字母顯示 | 1 |
fontWeight | 設置或返回字體的粗體 | 1 |
fontSizeAdjust | 發生字體回退時保留文本的可讀性 | 3 |
fontStretch | 從字體系列中選擇正常,壓縮或擴展的面 | 3 |
hangingPunctuation | 指定標點符號是否可以放在行框外 | 3 |
height | 設置或返回元素的高度 | 1 |
hyphens | 設置如何拆分單詞以改進段落的布局 | 3 |
icon | 為作者提供使用標志性對等元素設置元素樣式的能力 | 3 |
imageOrientation | 指定用戶代理應用於圖像的右或順時針方向的旋轉 | 3 |
isolation | 定義元素是否必須創建新的堆疊內容 | 3 |
justifyContent | 當項目不使用所有可用空間時,設置或返回靈活容器內項目之間的對齊方式。 | 3 |
left | 設置或返回定位元素的左側位置 | 2 |
letterSpacing | 設置或返回文本中字符之間的空格 | 1 |
lineHeight | 設置或返回文本中行之間的距離 | 1 |
listStyle | 在一個聲明中設置或返回listStyleImage,listStylePosition和listStyleType | 1 |
listStyleImage | 設置或返回圖像作為列表項標記 | 1 |
listStylePosition | 設置或返回列表項標記的位置 | 1 |
listStyleType | 設置或返回列表項標記類型 | 1 |
margin | 設置或返回元素的邊距(最多可包含四個值) | 1 |
marginBottom | 設置或返回元素的下邊距 | 1 |
marginLeft | 設置或返回元素的左邊距 | 1 |
marginRight | 設置或返回元素的右邊距 | 1 |
marginTop | 設置或返回元素的上邊距 | 1 |
maxHeight | 設置或返回元素的最大高度 | 2 |
maxWidth | 設置或返回元素的最大寬度 | 2 |
minHeight | 設置或返回元素的最小高度 | 2 |
minWidth | 設置或返回元素的最小寬度 | 2 |
navDown | 使用向下箭頭導航鍵設置或返回導航的位置 | 3 |
navIndex | 設置或返回元素的Tab鍵順序 | 3 |
navLeft | 使用向左箭頭導航鍵設置或返回導航的位置 | 3 |
navRight | 使用向右箭頭導航鍵設置或返回導航位置 | 3 |
navUp | 使用向上箭頭導航鍵設置或返回導航的位置 | 3 |
objectFit | 指定如何將替換元素的內容擬合到由其使用的高度和寬度建立的框中 | 3 |
objectPosition | 指定替換元素在其框內的對齊方式 | 3 |
opacity | 設置或返回元素的不透明度級別 | 3 |
order | 設置或返回靈活項目相對於其余項目的順序 | 3 |
orphans | 設置或返回元素內發生分頁時必須留在頁面底部的元素的最小行數 | 2 |
outline | 在一個聲明中設置或返回所有大綱屬性 | 2 |
outlineColor | 設置或返回元素周圍輪廓的顏色 | 2 |
outlineOffset | 偏移輪廓,並將其繪制到邊框邊緣之外 | 3 |
outlineStyle | 設置或返回元素周圍的輪廓樣式 | 2 |
outlineWidth | 設置或返回元素周圍輪廓的寬度 | 2 |
overflow | 設置或返回如何處理在元素框外部呈現的內容 | 2 |
overflowX | 指定如果內容的左/右邊緣溢出元素的內容區域,該如何處理內容的左/右邊緣 | 3 |
overflowY | 指定如果內容的上/下邊緣溢出元素的內容區域,該如何處理內容的上/下邊緣 | 3 |
padding | 設置或返回元素的填充(最多可以包含四個值) | 1 |
paddingBottom | 設置或返回元素的底部填充 | 1 |
paddingLeft | 設置或返回元素的左邊距 | 1 |
paddingRight | 設置或返回元素的右邊距 | 1 |
paddingTop | 設置或返回元素的頂部填充 | 1 |
pageBreakAfter | 設置或返回元素后的分頁行為 | 2 |
pageBreakBefore | 在元素之前設置或返回分頁符行為 | 2 |
pageBreakInside | 設置或返回元素內的分頁符行為 | 2 |
perspective | 設置或返回有關如何查看3D元素的透視圖 | 3 |
perspectiveOrigin | 設置或返回3D元素的底部位置 | 3 |
position | 設置或返回用於元素的定位方法的類型(靜態,相對,絕對或固定) | 2 |
quotes | 設置或返回嵌入式引用的引號類型 | 2 |
resize | 設置或返回用戶是否可以調整元素的大小 | 3 |
right | 設置或返回定位元素的正確位置 | 2 |
tableLayout | 設置或返回布置表格單元格,行和列的方式 | 2 |
tabSize | 設置或返回制表符的長度 | 3 |
textAlign | 設置或返回文本的水平對齊方式 | 1 |
textAlignLast | 當text-align為“justify”時,設置或返回塊的最后一行或強制換行符之前的行的對齊方式 | 3 |
textDecoration | 設置或返回文本的裝飾 | 1 |
textDecorationColor | 設置或返回文本修飾的顏色 | 3 |
textDecorationLine | 設置或返回文本修飾中的行類型 | 3 |
textDecorationStyle | 設置或返回文本修飾中的線條樣式 | 3 |
textIndent | 設置或返回第一行文本的縮進 | 1 |
textJustify | 設置或返回text-align為“justify”時使用的對齊方法 | 3 |
textOverflow | 設置或返回文本溢出包含元素時應發生的情況 | 3 |
textShadow | 設置或返回文本的陰影效果 | 3 |
textTransform | 設置或返回文本的大小寫 | 1 |
top | 設置或返回定位元素的頂部位置 | 2 |
transform | 對元素應用2D或3D變換 | 3 |
transformOrigin | 設置或返回已轉換元素的位置 | 3 |
transformStyle | 設置或返回嵌套元素在3D空間中的呈現方式 | 3 |
transition | 用於設置或返回四個過渡屬性的簡寫屬性 | 3 |
transitionProperty | 設置或返回轉換效果的CSS屬性 | 3 |
transitionDuration | 設置或返回轉換效果完成所需的秒數或毫秒數 | 3 |
transitionTimingFunction | 設置或返回過渡效果的速度曲線 | 3 |
transitionDelay | 設置或返回轉換效果開始時 | 3 |
unicodeBidi | 設置或返回是否應覆蓋文本以支持同一文檔中的多種語言 | 2 |
userSelect | 設置或返回是否可以選擇元素的文本 | 2 |
verticalAlign | 設置或返回元素中內容的垂直對齊方式 | 1 |
visibility | 設置或返回元素是否應該可見 | 2 |
whiteSpace | 設置或返回如何處理文本中的制表符,換行符和空格 | 1 |
width | 設置或返回元素的寬度 | 1 |
wordBreak | 設置或返回非CJK腳本的換行規則 | 3 |
wordSpacing | 設置或返回文本中單詞之間的間距 | 1 |
wordWrap | 允許打破長而牢不可破的單詞並將其換行到下一行 | 3 |
widows | 設置或返回必須在頁面頂部可見的元素的最小行數 | 2 |
zIndex | 設置或返回定位元素的堆棧順序 | 2 |