What is the proper way to break a long line of code in CSS onto another line?

Question

I have searched a lot on google and can't seem to find what to do with a line of CSS that is really long. If I want to split that code and finish it in another line, how do I go about doing this? Should I do it? for example:

src: url("http://ThisIsAReallyLongURL/thatIneedToTryandgetonAsecondLine")

would I do it like this?

src: url("http://ThisIsARreallyLongURL/thatIneed\
        ToTryandgetonAsecondLine")

Any help would be appreciated. Thanks!

Answer 1

You can add a backslash to the end of your url on the first line, and continue your url on the next line with no indents. This even works when split on more than two lines.

.fruits {
  background-image: url("https://s7.postimg.cc/u8an7ndqz/frui\
ts.jpg");
  height: 500px;
}

<div class="fruits"></div>

Here is a jsFiddle: https://jsfiddle.net/katerynas/rryrqyvw/