jQuery css() Method

jQuery css() Method

The css() method sets or returns one or more style properties of the selected element.

Return CSS Property

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

css("propertyname");

The following example returns the background-color value of the first matched element:

Example

$("p").css("background-color");

Try It Yourself

Set CSS Property

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

css("propertyname",value");

The following example sets 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 sets the background-color and font-size for all matched elements:

Example

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

Try It Yourself

jQuery HTML Reference Manual

For the complete content of jQuery CSS methods, please visit our jQuery CSS Reference Manual