Difference between border and border-style

Question

I remove all borders of my primefaces panelgrid component using these ways:

First one:

.table, table td {
    border-style: hidden !important;
}

Another one:

.table, table tr, table td {
    border: none !important;
}

What is the difference between border and border-style property?

Answer 1

border is a shorthand notation for setting border properties.

See the details at: http://www.w3.org/TR/css3-background/#the-border-shorthands