DOM-Style Object Properties

 

此文章只列出可用來操作Style Object的屬性。

Property Description CSS
alignContent Sets or returns the alignment between the lines inside a flexible container when the items do not use all available space 3
alignItems Sets or returns the alignment for items inside a flexible container 3
alignSelf Sets or returns the alignment for selected items inside a flexible container 3
animation A shorthand property for all the animation properties below, except the animationPlayState property 3
animationDelay Sets or returns when the animation will start 3
animationDirection Sets or returns whether or not the animation should play in reverse on alternate cycles 3
animationDuration Sets or returns how many seconds or milliseconds an animation takes to complete one cycle 3
animationFillMode Sets or returns what values are applied by the animation outside the time it is executing 3
animationIterationCount Sets or returns the number of times an animation should be played 3
animationName Sets or returns a name for the @keyframes animation 3
animationTimingFunction Sets or returns the speed curve of the animation 3
animationPlayState Sets or returns whether the animation is running or paused 3
background Sets or returns all the background properties in one declaration 1
backgroundAttachment Sets or returns whether a background-image is fixed or scrolls with the page 1
backgroundColor Sets or returns the background-color of an element 1
backgroundImage Sets or returns the background-image for an element 1
backgroundPosition Sets or returns the starting position of a background-image 1
backgroundRepeat Sets or returns how to repeat (tile) a background-image 1
backgroundClip Sets or returns the painting area of the background 3
backgroundOrigin Sets or returns the positioning area of the background images 3
backgroundSize Sets or returns the size of the background image 3
backfaceVisibility Sets or returns whether or not an element should be visible when not facing the screen 3
border Sets or returns borderWidth, borderStyle, and borderColor in one declaration 1
borderBottom Sets or returns all the borderBottom* properties in one declaration 1
borderBottomColor Sets or returns the color of the bottom border
borderBottomLeftRadius Sets or returns the shape of the border of the bottom-left corner 3
borderBottomRightRadius Sets or returns the shape of the border of the bottom-right corner 3
borderBottomStyle Sets or returns the style of the bottom border 1
borderBottomWidth Sets or returns the width of the bottom border 1
borderCollapse Sets or returns whether the table border should be collapsed into a single border, or not 2
borderColor Sets or returns the color of an element's border (can have up to four values) 1
borderImage A shorthand property for setting or returning all the borderImage* properties 3
borderImageOutset Sets or returns the amount by which the border image area extends beyond the border box 3
borderImageRepeat Sets or returns whether the image-border should be repeated, rounded or stretched 3
borderImageSlice Sets or returns the inward offsets of the image-border 3
borderImageSource Sets or returns the image to be used as a border 3
borderImageWidth Sets or returns the widths of the image-border 3
borderLeft Sets or returns all the borderLeft* properties in one declaration 1
borderLeftColor Sets or returns the color of the left border 1
borderLeftStyle Sets or returns the style of the left border 1
borderLeftWidth Sets or returns the width of the left border 1
borderRadius A shorthand property for setting or returning all the four border*Radius properties 3
borderRight Sets or returns all the borderRight* properties in one declaration 1
borderRightColor Sets or returns the color of the right border 1
borderRightStyle Sets or returns the style of the right border 1
borderRightWidth Sets or returns the width of the right border 1
borderSpacing Sets or returns the space between cells in a table 2
borderStyle Sets or returns the style of an element's border (can have up to four values) 1
borderTop Sets or returns all the borderTop* properties in one declaration 1
borderTopColor Sets or returns the color of the top border 1
borderTopLeftRadius Sets or returns the shape of the border of the top-left corner 3
borderTopRightRadius Sets or returns the shape of the border of the top-right corner 3
borderTopStyle Sets or returns the style of the top border 1
borderTopWidth Sets or returns the width of the top border 1
borderWidth Sets or returns the width of an element's border (can have up to four values) 1
bottom Sets or returns the bottom position of a positioned element 2
boxDecorationBreak Sets or returns the behaviour of the background and border of an element at page-break, or, for in-line elements, at line-break. 3
boxShadow Attaches one or more drop-shadows to the box 3
boxSizing Allows you to define certain elements to fit an area in a certain way 3
captionSide Sets or returns the position of the table caption 2
clear Sets or returns the position of the element relative to floating objects 1
clip Sets or returns which part of a positioned element is visible 2
color Sets or returns the color of the text 1
columnCount Sets or returns the number of columns an element should be divided into 3
columnFill Sets or returns how to fill columns 3
columnGap Sets or returns the gap between the columns 3
columnRule A shorthand property for setting or returning all the columnRule* properties 3
columnRuleColor Sets or returns the color of the rule between columns 3
columnRuleStyle Sets or returns the style of the rule between columns 3
columnRuleWidth Sets or returns the width of the rule between columns 3
columns A shorthand property for setting or returning columnWidth and columnCount 3
columnSpan Sets or returns how many columns an element should span across 3
columnWidth Sets or returns the width of the columns 3
content Used with the :before and :after pseudo-elements, to insert generated content 2
counterIncrement Increments one or more counters 2
counterReset Creates or resets one or more counters 2
cursor Sets or returns the type of cursor to display for the mouse pointer 2
direction Sets or returns the text direction 2
display Sets or returns an element's display type 1
emptyCells Sets or returns whether to show the border and background of empty cells, or not 2
filter Sets or returns image filters (visual effects, like blur and saturation) 3
flex Sets or returns the length of the item, relative to the rest 3
flexBasis Sets or returns the initial length of a flexible item 3
flexDirection Sets or returns the direction of the flexible items 3
flexFlow A shorthand property for the flexDirection and the flexWrap properties 3
flexGrow Sets or returns how much the item will grow relative to the rest 3
flexShrink Sets or returns how the item will shrink relative to the rest 3
flexWrap Sets or returns whether the flexible items should wrap or not 3
cssFloat Sets or returns the horizontal alignment of an element 1
font Sets or returns fontStyle, fontVariant, fontWeight, fontSize, lineHeight, and fontFamily in one declaration 1
fontFamily Sets or returns the font family for text 1
fontSize Sets or returns the font size of the text 1
fontStyle Sets or returns whether the style of the font is normal, italic or oblique 1
fontVariant Sets or returns whether the font should be displayed in small capital letters 1
fontWeight Sets or returns the boldness of the font 1
fontSizeAdjust Preserves the readability of text when font fallback occurs 3
fontStretch Selects a normal, condensed, or expanded face from a font family 3
hangingPunctuation Specifies whether a punctuation character may be placed outside the line box 3
height Sets or returns the height of an element 1
hyphens Sets how to split words to improve the layout of paragraphs 3
icon Provides the author the ability to style an element with an iconic equivalent 3
imageOrientation Specifies a rotation in the right or clockwise direction that a user agent applies to an image 3
justifyContent Sets or returns the alignment between the items inside a flexible container when the items do not use all available space. 3
left Sets or returns the left position of a positioned element 2
letterSpacing Sets or returns the space between characters in a text 1
lineHeight Sets or returns the distance between lines in a text 1
listStyle Sets or returns listStyleImage, listStylePosition, and listStyleType in one declaration 1
listStyleImage Sets or returns an image as the list-item marker 1
listStylePosition Sets or returns the position of the list-item marker 1
listStyleType Sets or returns the list-item marker type 1
margin Sets or returns the margins of an element (can have up to four values) 1
marginBottom Sets or returns the bottom margin of an element 1
marginLeft Sets or returns the left margin of an element 1
marginRight Sets or returns the right margin of an element 1
marginTop Sets or returns the top margin of an element 1
maxHeight Sets or returns the maximum height of an element 2
maxWidth Sets or returns the maximum width of an element 2
minHeight Sets or returns the minimum height of an element 2
minWidth Sets or returns the minimum width of an element 2
navDown Sets or returns where to navigate when using the arrow-down navigation key 3
navIndex Sets or returns the tabbing order for an element 3
navLeft Sets or returns where to navigate when using the arrow-left navigation key 3
navRight Sets or returns where to navigate when using the arrow-right navigation key 3
navUp Sets or returns where to navigate when using the arrow-up navigation key 3
opacity Sets or returns the opacity level for an element 3
order Sets or returns the order of the flexible item, relative to the rest 3
orphans Sets or returns the minimum number of lines for an element that must be left at the bottom of a page when a page break occurs inside an element 2
outline Sets or returns all the outline properties in one declaration 2
outlineColor Sets or returns the color of the outline around a element 2
outlineOffset Offsets an outline, and draws it beyond the border edge 3
outlineStyle Sets or returns the style of the outline around an element 2
outlineWidth Sets or returns the width of the outline around an element 2
overflow Sets or returns what to do with content that renders outside the element box 2
overflowX Specifies what to do with the left/right edges of the content, if it overflows the element's content area 3
overflowY Specifies what to do with the top/bottom edges of the content, if it overflows the element's content area 3
padding Sets or returns the padding of an element (can have up to four values) 1
paddingBottom Sets or returns the bottom padding of an element 1
paddingLeft Sets or returns the left padding of an element 1
paddingRight Sets or returns the right padding of an element 1
paddingTop Sets or returns the top padding of an element 1
pageBreakAfter Sets or returns the page-break behavior after an element 2
pageBreakBefore Sets or returns the page-break behavior before an element 2
pageBreakInside Sets or returns the page-break behavior inside an element 2
perspective Sets or returns the perspective on how 3D elements are viewed 3
perspectiveOrigin Sets or returns the bottom position of 3D elements 3
position Sets or returns the type of positioning method used for an element (static, relative, absolute or fixed) 2
quotes Sets or returns the type of quotation marks for embedded quotations 2
resize Sets or returns whether or not an element is resizable by the user 3
right Sets or returns the right position of a positioned element 2
tableLayout Sets or returns the way to lay out table cells, rows, and columns 2
tabSize Sets or returns the length of the tab-character 3
textAlign Sets or returns the horizontal alignment of text 1
textAlignLast Sets or returns how the last line of a block or a line right before a forced line break is aligned when text-align is "justify" 3
textDecoration Sets or returns the decoration of a text 1
textDecorationColor Sets or returns the color of the text-decoration 3
textDecorationLine Sets or returns the type of line in a text-decoration 3
textDecorationStyle Sets or returns the style of the line in a text decoration 3
textIndent Sets or returns the indentation of the first line of text 1
textJustify Sets or returns the justification method used when text-align is "justify" 3
textOverflow Sets or returns what should happen when text overflows the containing element 3
textShadow Sets or returns the shadow effect of a text 3
textTransform Sets or returns the capitalization of a text 1
top Sets or returns the top position of a positioned element 2
transform Applies a 2D or 3D transformation to an element 3
transformOrigin Sets or returns the position of transformed elements 3
transformStyle Sets or returns how nested elements are rendered in 3D space 3
transition A shorthand property for setting or returning the four transition properties 3
transitionProperty Sets or returns the CSS property that the transition effect is for 3
transitionDuration Sets or returns how many seconds or milliseconds a transition effect takes to complete 3
transitionTimingFunction Sets or returns the speed curve of the transition effect 3
transitionDelay Sets or returns when the transition effect will start 3
unicodeBidi Sets or returns whether the text should be overridden to support multiple languages in the same document 2
userSelect Sets or returns whether the text of an element can be selected or not 2
verticalAlign Sets or returns the vertical alignment of the content in an element 1
visibility Sets or returns whether an element should be visible 2
whiteSpace Sets or returns how to handle tabs, line breaks and whitespace in a text 1
width Sets or returns the width of an element 1
wordBreak Sets or returns line breaking rules for non-CJK scripts 3
wordSpacing Sets or returns the spacing between words in a text 1
wordWrap Allows long, unbreakable words to be broken and wrap to the next line 3
widows Sets or returns the minimum number of lines for an element that must be visible at the top of a page 2
zIndex Sets or returns the stack order of a positioned element 2

 

參考資料:

Style Object Properties