/

HTML / CSS / JavaScript Tutorial

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)


Desktop view | Switch to Mobile