How to get an element's current CSS value
<p>Using jQuery, how can you get current border value? Is dashed or dotted or other?</p>

<pre><code>eg.

    .block { width:100px;height:100px;background-color:#abc;border:dashed 1px #000000;}

&lt;div class="block"&gt;&lt;/div&gt;
</code></pre>

<p>eg.
Click A button change the border value to 3px but keep dashed &amp; color.</p>

<p>then click B button change the border dashed to dotted but keep it 3px &amp; color.</p>
