javascript - jquery `css` function doesn't return `border-color` property -

i need border-color property , try css() function

$('.panel-warning').css('border-color') 

but empty

html

<div class="col-md-4 is-draggable ui-draggable ui-draggable-handle ui-draggable-dragging">     <div class="panel panel-warning">         <div class="panel-heading">intermediate outcome</div>     </div> </div> 

css

.panel-warning {     border-color: #faebcc; } 

fiddle

you have go individual top, left, right, , bottom properties.

firefox won't work unless that:

$('.panel-warning').css('border-left-color') 

this is, of course, sort-of pain , burden, separately settable don't see there's way avoid having javascript know for.

chrome apparently favor here, though may weird when different sides have different colors. (good bet it's core webkit behavior, meaning safari , opera probably too.)