Question

I want to put a specific border like below around my element.
How can I do this with css.

I use this css for showing a border around an element:

.ui-selected {
  -moz-box-shadow: 0 0 1px 1px black; 
  -webkit-box-shadow: 0 0 1px 1px black; 
  box-shadow: 0 0 1px 1px black;
}

But I want to show border like in the image. Is this possible?

I want to put those eight square around an element.

I use $(‘#element’).addClass(‘ui-selected’) to add
and $(‘#element’).removeClass(‘ui-selected’) to remove.

I want css classes, is it possible

Answer 1

Here is the solution:

box-shadow: 2px 2px 1px 0 #666;
border-top: 1px solid white;
border-left: 1px solid white;

You can see on JSFiddle.