Can I Specify Variable Names In A CSS File

Question

I am in the process of adding background images to a couple of hundred web pages. My app doesn't know until runtime which image to load. I have been able to get everything to work fine by changing the statement in some of the pages to contain the attributes I need plus variables for the image file name, etc:

<body style="margin:0; background-image: url(<%= strBackgroundImage %>); background-repeat: <%= strBackgroundRepeat %>">

While the above statement works, I would rather put the attribute info into a CSS file like this:

body {
    margin:0; 
    background-image: url(<%= strBackgroundImage %>); 
    background-repeat: <%= strBackgroundRepeat %>;
}

But this doesn't work. The attributes containing the variable names are ignored. How can I modify the above snippet so that it will work in my CSS file and still allow me to set the variables' contents in my code behind files?

Thanks.

You're HTML snippet looks like is using ASP.NET to put these values there because HTML is actually sent to the browser. — MarcinJuraszek
– MarcinJuraszek, Commented Dec 1, 2014 at 23:17

Rafael · Accepted Answer · 2014-12-01 23:17:36Z

3

In short

No you cannot pass variables in CSS.

SASS or SCSS

SASS and SCSS support variables.

http://sass-lang.com/

LESS

LESS Supports variables too

http://lesscss.org/

answered Dec 1, 2014 at 23:17

Rafael

7,78613 gold badges36 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Daniel · Accepted Answer · 2014-12-02 00:15:06Z

0

It is in fact possible to have serverside logic computed before transmitting the finished CSS file. To enable such a behaviour you need to add the .css file extension to the list of extensions that are passed to another interpreter (something like PHP or ASP) before transmission. But keep in mind that this procedure is way more resource consuming than the classic one.

So before implementing such a soluzion think about your applicazion, maybe you can avoid it by using pre processors like those mentioned by Rafael.

answered Dec 2, 2014 at 0:15

Daniel

3,5243 gold badges36 silver badges48 bronze badges

Collectives™ on Stack Overflow

Can I Specify Variable Names In A CSS File

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related