웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] 동적인 가로, 세로값 계산을 위한 clac CSS 본문

웹프로그램밍 자료실/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);}

원하는 가로너비에서 특정값을 빼주는 식을 작성하면 됩니다. 

단, 아래의 버전표식을 잘 보고 
브라우저별 호환성을 확인한 후 사용하시기 바랍니다. 





홈페이지바로가기

저작자표시

'웹프로그램밍 자료실 > HTML 자료' 카테고리의 다른 글

[해피CGI][cgimall] 빈영역에 세로 및 가운데 정렬 tip  (0) 2019.02.11
[해피CGI][cgimall] CSS에서 웹페이지 전체에 스타일을 적용하는 (*) 표시  (0) 2018.12.04
[해피CGI][cgimall] HTML5의 "Video" 태그 사용하기  (0) 2018.10.22
[해피CGI][cgimall] 다양하고 재미있는 툴팁 소스입니다.  (0) 2018.05.03
[해피CGI][cgimall] CAPTION HOVER EFFECTS  (0) 2018.03.06
공유하기 링크
'웹프로그램밍 자료실/HTML 자료' Related Articles more
Comments