JavaScript Properties and Methods for Style
objects
[this page | pdf | back links]
The JavaScript
DOM Style
object represents an individual style statement. It can be accessed from the
head section of a document, using e.g. document.getElementsByTagName("STYLE"),
or for specific HTML elements, using e.g. document.getElementsById(ElementId).style.
The Style object has properties
that largely align with corresponding CSS properties
as follows:
CSS property
|
Style object
property
|
More
|
align-content
|
alignContent
|
Here
|
align-items
|
alignItems
|
Here
|
align-self
|
alignSelf
|
Here
|
all
|
|
Here
|
animation
|
animation
|
Here
|
animation-delay
|
animationDelay
|
Here
|
animation-direction
|
animationDirection
|
Here
|
animation-duration
|
animationDuration
|
Here
|
animation-fill-mode
|
animationFillMode
|
Here
|
animation-iteration-count
|
animationIterationCount
|
Here
|
animation-name
|
animationName
|
Here
|
animation-play-state
|
animationPlayState
|
Here
|
animation-timing-function
|
animationTimingFunction
|
Here
|
backface-visibility
|
backfaceVisibility
|
Here
|
background
|
background
|
Here
|
background-attachment
|
backgroundAttachment
|
Here
|
background-blend-mode
|
|
Here
|
background-clip
|
backgroundClip
|
Here
|
background-color
|
backgroundColor
|
Here
|
background-image
|
backgroundImage
|
Here
|
background-origin
|
backgroundOrigin
|
Here
|
background-position
|
backgroundPosition
|
Here
|
background-repeat
|
backgroundRepeat
|
Here
|
background-size
|
backgroundSize
|
Here
|
border
|
border
|
Here
|
border-bottom
|
borderBottom
|
Here
|
border-bottom-color
|
borderBottomColor
|
Here
|
border-bottom-left-radius
|
borderBottomLeftRadius
|
Here
|
border-bottom-right-radius
|
borderBottomRightRadius
|
Here
|
border-bottom-style
|
borderBottomStyle
|
Here
|
border-bottom-width
|
borderBottomWidth
|
Here
|
border-collapse
|
borderCollapse
|
Here
|
border-color
|
borderColor
|
Here
|
border-image
|
borderImage
|
Here
|
border-image-outset
|
borderImageOutset
|
Here
|
border-image-repeat
|
borderImageRepeat
|
Here
|
border-image-slice
|
borderImageSlice
|
Here
|
border-image-source
|
borderImageSourse
|
Here
|
border-image-width
|
borderImageWidth
|
Here
|
border-left
|
borderLeft
|
Here
|
border-left-color
|
borderLeftColor
|
Here
|
border-left-style
|
borderLeftStyle
|
Here
|
border-left-width
|
borderLeftWidth
|
Here
|
border-radius
|
borderRadius
|
Here
|
border-right
|
borderRight
|
Here
|
border-right-color
|
borderRightColor
|
Here
|
border-right-style
|
borderRightStyle
|
Here
|
border-right-width
|
borderRightWidth
|
Here
|
border-spacing
|
borderSpacing
|
Here
|
border-style
|
borderStyle
|
Here
|
border-top
|
borderTop
|
Here
|
border-top-color
|
borderTopColor
|
Here
|
border-top-left-radius
|
borderTopLeftRadius
|
Here
|
border-top-right-radius
|
borderTopRightRadius
|
Here
|
border-top-style
|
borderTopStyle
|
Here
|
border-top-width
|
borderTopWidth
|
Here
|
border-width
|
borderWidth
|
Here
|
bottom
|
bottom
|
Here
|
box-shadow
|
boxShadow
|
Here
|
box-sizing
|
boxSizing
|
Here
|
caption-side
|
captionSide
|
Here
|
clear
|
clear
|
Here
|
clip
|
clip
|
Here
|
color
|
color
|
Here
|
column-count
|
columnCount
|
Here
|
column-fill
|
columnFill
|
Here
|
column-gap
|
columnGap
|
Here
|
column-rule
|
columnRule
|
Here
|
column-rule-color
|
columnRuleColor
|
Here
|
column-rule-style
|
columnRuleStyle
|
Here
|
column-rule-width
|
columnRuleWidth
|
Here
|
column-span
|
columnSpan
|
Here
|
column-width
|
columnWidth
|
Here
|
columns
|
columns
|
Here
|
content
|
content
|
Here
|
counter-increment
|
counterIncrement
|
Here
|
counter-reset
|
counterReset
|
Here
|
cursor
|
cursor
|
Here
|
direction
|
direction
|
Here
|
display
|
display
|
Here
|
empty-cells
|
emptyCells
|
Here
|
filter
|
filter
|
Here
|
flex
|
flex
|
Here
|
flex-basis
|
flexBasis
|
Here
|
flex-direction
|
flexDirection
|
Here
|
flex-flow
|
flexFlow
|
Here
|
flex-grow
|
flexGrow
|
Here
|
flex-shrink
|
flexShrink
|
Here
|
flex-wrap
|
flexWrap
|
Here
|
float
|
cssFloat
|
Here
|
font
|
font
|
Here
|
@font-face
|
|
Here
|
font-family
|
fontFamily
|
Here
|
font-size
|
fontSize
|
Here
|
font-size-adjust
|
fontSizeAdjust
|
Here
|
font-stretch
|
fontStretch
|
Here
|
font-style
|
fontStyle
|
Here
|
font-variant
|
fontVariant
|
Here
|
font-weight
|
fontWeight
|
Here
|
hanging-punctuation
|
hangingPunctuation
|
Here
|
height
|
height
|
Here
|
justify-content
|
justifyContent
|
Here
|
@keyframes
|
|
Here
|
left
|
left
|
Here
|
letter-spacing
|
letterSpacing
|
Here
|
line-height
|
lineHeight
|
Here
|
list-style
|
listStyle
|
Here
|
list-style-image
|
listStyleImage
|
Here
|
list-style-position
|
listStylePosition
|
Here
|
list-style-type
|
listStyleType
|
Here
|
margin
|
margin
|
Here
|
margin-bottom
|
marginBottom
|
Here
|
margin-left
|
marginLeft
|
Here
|
margin-right
|
marginRight
|
Here
|
margin-top
|
marginTop
|
Here
|
max-height
|
maxHeight
|
Here
|
max-width
|
maxWidth
|
Here
|
@media
|
|
Here
|
min-height
|
minHeight
|
Here
|
min-width
|
minWidth
|
Here
|
nav-down
|
navDown
|
Here
|
nav-index
|
navIndex
|
Here
|
nav-left
|
navLeft
|
Here
|
nav-right
|
navRight
|
Here
|
nav-up
|
navUp
|
Here
|
opacity
|
opacity
|
Here
|
order
|
order
|
Here
|
orphans
|
orphans
|
Here
|
outline
|
outline
|
Here
|
outline-color
|
outlineColor
|
Here
|
outline-offset
|
outlineOffset
|
Here
|
outline-style
|
outlineStyle
|
Here
|
outline-width
|
outlineWidth
|
Here
|
overflow
|
overflow
|
Here
|
overflow-x
|
overflowX
|
Here
|
overflow-y
|
overflowY
|
Here
|
padding
|
padding
|
Here
|
padding-bottom
|
paddingBottom
|
Here
|
padding-left
|
paddingLeft
|
Here
|
padding-right
|
paddingRight
|
Here
|
padding-top
|
paddingTop
|
Here
|
page-break-after
|
pageBreakAfter
|
Here
|
page-break-before
|
pageBreakBefore
|
Here
|
page-break-inside
|
pageBreakInside
|
Here
|
perspective
|
perspective
|
Here
|
perspective-origin
|
perspectiveOrigin
|
Here
|
position
|
position
|
Here
|
quotes
|
quotes
|
Here
|
resize
|
resize
|
Here
|
right
|
right
|
Here
|
tab-size
|
tabSize
|
Here
|
table-layout
|
tableLayout
|
Here
|
text-align
|
textAlign
|
Here
|
text-align-last
|
textAlignLast
|
Here
|
text-decoration
|
textDecoration
|
Here
|
text-decoration-color
|
textDecorationColor
|
Here
|
text-decoration-line
|
textDecorationLine
|
Here
|
text-decoration-style
|
textDecorationStyle
|
Here
|
text-indent
|
textIndent
|
Here
|
text-justify
|
textJustify
|
Here
|
text-overflow
|
textOverflow
|
Here
|
text-shadow
|
textShadow
|
Here
|
text-transform
|
textTransform
|
Here
|
top
|
top
|
Here
|
transform
|
transform
|
Here
|
transform-origin
|
transformOrigin
|
Here
|
transform-style
|
transformStyle
|
Here
|
transition
|
transition
|
Here
|
transition-delay
|
transitionDelay
|
Here
|
transition-duration
|
transitionDuration
|
Here
|
transition-property
|
transitionProperty
|
Here
|
transition-timing-function
|
transitionTiming-function
|
Here
|
unicode-bidi
|
unicodeBidi
|
Here
|
user-select
|
userSelect
|
Here
|
vertical-align
|
verticalAlign
|
Here
|
visibility
|
visibility
|
Here
|
white-space
|
whiteSpace
|
Here
|
widows
|
widows
|
Here
|
width
|
width
|
Here
|
word-break
|
wordBreak
|
Here
|
word-spacing
|
wordSpacing
|
Here
|
word-wrap
|
wordWrap
|
Here
|
z-index
|
zIndex
|
Here
|
NAVIGATION LINKS
Contents | Prev | Next | JavaScript DOM (and BOM)