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.