CSS double border using box-shadow

Getting a double border with a different color doesn't leave you with may options.You can use border-style: double or outline: 1px solid blue. But I wanted the double border only on one side, so I decided to play around with the box-shadow rule. Check out the jsfiddle below. I'm using the x and y offset to achieve the effect. Depending on your target element you will have to adjust the x/y offset to match the border-width: width; Its not perfect but it might work in your layout/design