Style
118
|
JavaScript Pocket Reference
Style
inline CSS properties of an element
DOM Level 2; IE 4
Inherits From:
Synopsis
element.style
Properties
The Style object defines a large number of properties: one prop-
erty for each CSS attribute defined by the CSS2 specification. The
property names correspond closely to the CSS attribute names,
with minor changes required to avoid syntax errors in JavaScript.
Multiword attributes that contain hyphens, such as
font-family
are written without hyphens in JavaScript, and each word after
the first is capitalized:
fontFamily. Also, the float attribute
conflicts with the reserved word
float, so it translates to the prop-
erty
cssFloat.
The visual CSS properties are listed in the following table. Since
the properties correspond directly to CSS attributes, no individual
documentation is given for each property. See a CSS reference
(such as Cascading Style Sheets: The Definitive Guide (O’Reilly),
by Eric A. Meyer) for the meaning and legal values of each. Note
that current browsers do not implement all of these properties.
All of the properties are strings, and care is required when
working with properties that have numeric values. When querying
such a property, you must use
parseFloat() to convert the string
to a number. When setting such a property you must convert your
number to a string, which you can usually do by adding the
required units specification, such as “px”.
background counterIncrement orphans
backgroundAttachment counterReset outline
backgroundColor cssFloat outlineColor
backgroundImage cursor outlineStyle
backgroundPosition direction outlineWidth
backgroundRepeat display overflow
border emptyCells padding
borderBottom font paddingBottom
borderBottomColor fontFamily paddingLeft
borderBottomStyle fontSize paddingRight
borderBottomWidth fontSizeAdjust paddingTop

Get JavaScript Pocket Reference now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.