Mozilla 한국 커뮤니티

CSS에 입문한지 얼마 안되는 초보입니다..
일일이 넓이값을 지정하려니깐, 헷갈리고 복잡해져서 그러는데,
변수선언후 변수값으로 일괄적인 처리가 가능한지 궁금해서 글을 올립니다.


예를들면,
이런식으로 {width:변수;}
변수 삽입이 가능한가요??

이 문제는 CSS질문이라기 보다는 서버와 클라이언트의 관계에 관련된 내용이군요.

CSS자체에는 로직이나 변수등을 사용할 수 있는 기능은 없고, 서버쪽에서 코드를 생성해서 클라이언트에 전달을 하는 과정에서 변수를 지정 할 수 있습니다. 간단하게는 HTML파일에 <style>로 선언을 한 곳이나 <div style="">과 같은 곳에 변수로 치환 하면 됩니다.

아마 질문사항은 .css 파일에 서버사이드 스크립트를 쓸 수 있는 지에 대한 질문 같은데, 가능은 합니다. 브라우져가 .css 파일을 인식하고 처리할 때에는 그 파일의 mime-type을 판별해서 처리를 하는데, .php나 .asp 파일도 mime-type을 text/css로 해주면 .css파일 처럼 인식이 됩니다. 보통의 웹서버는 .css파일을 text/css로 처리 하기 때문에 잘 인식이 되었던 것이지요. .css 파일을 서버사이드에서 인식이 가능하게 .php 등으로 바꾸고 php와 같이 변수등을 선언 해서 사용한 후, 상단에 header("Content-Type: text/css; charset=utf-8"); 과 같이 해주면 브라우져에서 .css파일과 동일하게 인식하여 해석이 됩니다.

답변 감사합니다~^^;;

W3C CSS 메일링 리스트에 잊을만 하면 올라오는 얘기지요. 질문이 아니라, '.... 해서' 그 기능을 CSS에 넣는 게 좋지 않느냐는 제안이 올라옵니다. 가까운 장래에 그런 제안이 받아들여질 것 같지는 않습니다. 그냥 현석님이 적으신 대로 서버쪽 스크립트를 써서 하십시오.