Note: if there is space in text node ( not trimmed ), selection doesn't work well ( two and three examples)
one
100px solid rgb(255, 0, 0)
two
background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) 0 0 no-repeat;
three
url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) 0 0 no-repeat red,linear-gradient(10% rgb(0,0,0),100% rgba(0,0,0,0))
four
1px solid hsl(0, 100%, 50%)
five
linear-gradient(10% rgb(0,0,0),100% rgba(0,0,0,0))
tilepieces - colorpicker
_
X