freeCodeCamp/guide/english/jquery/jquery-css-method/index.md

title
CSS Method

CSS Method

The jQuery .css() method gets the value of a computed style property for the first element in the set of matched elements or set one or more CSS properties for every matched element.

Getting

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

    $(selector).css(propertyName);

For eg:

    $('#element').css('background');

Note: Here we can use any css selector eg: element(HTML Tag selector), .element(Class Selector), #element(ID selector).

Setting

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

    $(selector).css(propertyName,value);

For eg:

    $('#element').css('background','red');

To set multiple CSS properties, you'll have to use the object literal syntax like this:

    $('#element').css({
        'background': 'gray',
        'color': 'white'
    });

If you want to change a property labeled with more than one word, refer to this example:

To change background-color of an element

    $('#element').css('background-color', 'gray');

More Information:

Documentation: api.jquery