Base64 background image in multiple lines?

Question

Is it possible to put base64 background image in multiple lines instead of one long line? If so, how?

My current body CSS is:

body {
  background-color:  #FFFFFF;
  background-image:  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAIAAABLbSncAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZSURBVBhXY/iABP4jAQYqSiCbi2wsA/UkAIeAuaFCb0TzAAAAAElFTkSuQmCC);
  background-repeat: repeat;
  height: 100%;
}

Answer 1

Put your code between quotes and put a backslash before breaking to new line.

body {
  background-color: #FFFFFF;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUg\
        AAAAgAAAAICAIAAABLbSncAAAAAXNSR0IArs4c6QAAAARnQ\
        U1BAACxjwv8YQUAAAAJcEhZcwAADs\
        MAAA7DAcdvqGQAAAAZSURBVBhXY/iABP4j\
        AQYqSiCbi2wsA/UkAIeAuaFCb0TzAAAAAElFTkSuQmCC');
  background-repeat: repeat;
  height: 100%;
}