setStyle
setStyle(element, styles) -> HTMLElement
Modifies element
’s CSS style properties. Styles are passed as a hash of property-value pairs in which the properties are specified in their camelized form.
Examples
$(element).setStyle({
backgroundColor: '#900',
fontSize: '12px'
});
// -> HTMLElement
Notes
The method transparently deals with browser inconsistencies for float
—however, as float
is a reserved keyword, you must either escape it or use cssFloat
instead—and opacity
—which accepts values between 0 (fully transparent) and 1 (fully opaque). You can safely use either of the following across all browsers:
$(element).setStyle({
cssFloat: 'left',
opacity: 0.5
});
// -> HTMLElement
$(element).setStyle({
'float': 'left', // notice how float is surrounded by single quotes
opacity: 0.5
});
// -> HTMLElement
Not all CSS shorthand properties are supported. You may only use the CSS properties described in the Document Object Model (DOM) Level 2 Style Specification.