What effect does the following CSS have?

$.$box $\{$

border$-$top: $2$px dotted black;

border$-$right: $2$px solid red;

border$-$bottom: $2$px dashed blue;

border$-$left: $2$px double green;

$\}$

Applies a black dotted border to all sides of the $.$box element

All of the above

Applies different styles of borders to each side of the $.$box element.

Applies a red border to the right side and no border to the other sides.

Applies a double green border to all sides of the $.$box element.