JavaScript HTML DOM Style 對象參考

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
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章