CSS using background-origin to keep background-image tied to content

gistfile1.txt

/* lined paper example */
line-height: 1.2;
background-image: linear-gradient(rgba(0,0,0,.3) 1px, transparent 1px);
background-size: 100% 1.2em;
background-position: 0 .8em;
background-origin: content-box;
padding: 1em;

/* code editor example */
line-height: 1.5;
background-image: linear-gradient(beige 50%, white 50%);
background-size: 100% 3em;
background-origin: content-box;