How to check block style in firefox?

Question

JavaScript

In Google Chrome, this construction works:

$('.block').css('border');  //1px solid rgb(255, 0, 0)

But it doesn't work in Firefox.
Only this works
$('.block')[0].style.border
and then only after the style is set via js

$('.informer.this').css('border', '20px solid black')

How to check block style in firefox?

Answer 1

Solution here
In short - shorthand css properties don't work (background, margin, border,..)
you need to request full ones, like:
$('.foo').css('border-left-color')
$('.foo' ).css('border-left-width')
$('.foo').css('border-left-style')

Answer 2

You can also use getComputedStyle() - using this method, you can even get styles that were not set via JS (only this will take more time).