Colour only one part of an HTML element

[CrewSader]

How would I go about coloring only one part of an HTML element with something like \[code\]background-clip\[/code\] - using CSS only.I'm looking something like:\[code\]div { background-image: url('mi_image'); ***: 50% 30em; /* Background only covering 50% height and 30em width */}\[/code\]I'm also open to a JavaScript solution, if necessary - but pure CSS would be better.