.css Method

Syntax

.css()

Description

The .css method returns the css property value of an element. The .css() allows to change the style property of the specified element. The below example shows how to change the style of an element using CSS Style property.

Example Code

<style> h4 {width:400;line-height:25px;margin:15px;padding:5px;border:3px solid #666; cursor:pointer;} </style> <script type="text/javascript" src="jquery.js"></script> <link href='http://hscripts.com/style-new.css' rel='stylesheet' type='text/css'> <script type="text/javascript"> $(document).ready(function(){ $("h4").mouseover(function(){ $("h4").css("color","blue"); }); $("h4").click(function(){ var p=$("h4") $("h4").html("CSS Properties - Width : " + p.css("width")+ ", Height : " + p.css("height")+", Color : " + p.css("color")+"."); }); $("h4").mouseout(function(){ $("h4").css("color","green"); }); $("h4").mousedown(function(){ $("h4").css("color","orange"); }); }); </script> <br><font color="Red">Jquery CSS Style Property.</font> <h4>Click Mouse Once Here</h4><br>