CSS border shorthand when each border has a differ

Question

Hi,

what is the shorthand for border when borders have different width?

I tried this:

border:1px solid black, 2px solid black, 3px solid black, 4px solid black;

and this:

 border:1px 2px 3px 4px, solid, solid, solid, solid, black, black, black, black;

but none of them work.

Thank you.

Answer 1

Use

border: solid black;
border-width: 1px 2px 3px 4px;