THE WORLD'S LARGEST WEB DEVELOPER SITE

jQuery - css() Method


jQuery css() Method

The css() method sets or returns one or more style properties for the selected elements.


Return a CSS Property

To return the value of a specified CSS property, use the following syntax:

css("propertyname");

The following example will return the background-color value of the FIRST matched element:

Example

$("p").css("background-color");
Try it Yourself »

Set a CSS Property

To set a specified CSS property, use the following syntax:

css("propertyname","value");

The following example will set the background-color value for ALL matched elements:

Example

$("p").css("background-color", "yellow");
Try it Yourself »

Set Multiple CSS Properties

To set multiple CSS properties, use the following syntax:

css({"propertyname":"value","propertyname":"value",...});

The following example will set a background-color and a font-size for ALL matched elements:

Example

$("p").css({"background-color": "yellow", "font-size": "200%"});
Try it Yourself »

jQuery Exercises

Test Yourself With Exercises

Exercise:

Use the css() method to add a pink background color to a <p> element.

$("p").("", "");

Start the Exercise


jQuery CSS Reference

For a complete overview of all jQuery CSS methods, please go to our jQuery HTML/CSS Reference.