CSS3 border-colors - To: CSS3 - Information and samples

Code used in this page

.border-colors {
	width: 100px;
	height: 100px;
	color: #fff;
	border: 10px solid #f00;
	padding: 10px;
	
	/* Firefox */
	-moz-border-top-colors: #eee #ddd #ccc #bbb #aaa;
	-moz-border-left-colors: #111 #222 #333 #444 #555;
	-moz-border-bottom-colors: #666 #777 #888 #999;
	/* WebKit - not working */
	-webkit-border-top-colors: #eee #ddd #ccc #bbb #aaa;
	-webkit-border-left-colors: #111 #222 #333 #444 #555;
	-webkit-border-bottom-colors: #666 #777 #888 #999;
	/* IE9, Opera 10.5+ - not working */
	border-top-colors: #eee #ddd #ccc #bbb #aaa;
	border-left-colors: #111 #222 #333 #444 #555;
	border-bottom-colors: #666 #777 #888 #999;
}