웹프로그램밍 자료실/HTML 자료
[해피CGI][cgimall] 동적인 가로, 세로값 계산을 위한 clac CSS
해피CGI윤실장
2018. 11. 14. 09:09
CSS3에서 사용할 수 있는 기능으로,
padding 또는 border를 주게 되면서 사이즈 미스로 인해 번거로운 상황을 해결할 수 있는
clac 입니다.
흔히 width값을 사용할때 퍼센티지 또는 px를 많이 사용하는데
예로, 가로 100%에서 1px만 빼면 디자인적으로 완성될 수 있는 환경이라면
clac 를 활용하기에 용이합니다.
div {width:clac(100% - 10px);}
원하는 가로너비에서 특정값을 빼주는 식을 작성하면 됩니다.
단, 아래의 버전표식을 잘 보고
브라우저별 호환성을 확인한 후 사용하시기 바랍니다.