CODEWITHSUNDEEP
cssstring-concatenation
Mido
Mido

Reputation: 504

Is it possible to concatinate two strings inside a CSS rule?

I'm trying to split the following CSS rule into two lines:

background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBR‌​AA7") 0 0 repeat;

I tried splitting the url base64 string into two sub strings to avoid going over the line length according to the style guide for an open source project called PDF.js.

I tried doing "xxxx" + "xxxx" and that didn't work.

So I was wondering if anyone has tried to do that before or if it is even possible to concat two strings in a css rule?

Upvotes: 3

Views: 293

Answers (1)

Mido
Mido

Reputation: 504

According to the CSS2 specification http://www.w3.org/TR/2011/REC-CSS2-20110607/syndata.html#strings, there is no concat operation. However, you can split strings on multiple lines for aesthetic reasons.

It is possible to break strings over several lines, for aesthetic or other reasons, but in such a case the newline itself has to be escaped with a backslash ().

So the solution to my problem would be:

  background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAA\
                   LAAAAAABAAEAAAIBR‌​AA7") 0 0 repeat;

Which is kind of related to this question

Upvotes: 1

Related Questions