CSS Border Colour Into 4 Colours

Question

Is there any way that I can have 4 different colours on one side of a border in CSS? I currently have

#header
{
border-color:#88a9eb;
}

I w

Answer 1

Complicated but cool solution: Use SVG (e.g. tag), add 4 paths, assign different stroke-dasharray and stroke-color attributes.

Simpler and still cool solution: Try border-image. (See Harry's answer)

Very simple solution if you just need one border: Create an image, but it as the background image, repeat it only on one axis, position it at the edge of the container, e.g. (for bottom border)

.container {
    background-image: url(image.png);
    background-repeat: repeat-x;
    background-position: bottom left;
}