동적인 가로, 세로값 계산을 위한 clac CSS happycgi

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > HTML > HTML 강의 > 동적인 가로, 세로값 계산을 위한 clac CSS 상세정보

클라우드태그

javascript

php

html

asp

mysql

CSS

mobile

jquery

image

slide

占쌨댐옙

메뉴

占쏙옙占쏙옙占쏙옙트

현재접속자 명

동적인 가로, 세로값 계산을 위한 clac CSS

해피팀

네티즌

소스분류

HTML 강의

다운로드 횟수

0 회

간단설명

동적인 가로, 세로값 계산을 위한 clac CSS로, 익스플로르 9이상에서부터 사용이 가능합니다. 가로 100%에서 일정 px만큼 뺴주어야 하는 상황에서 사용이 용이합니다.

평가하기

CSS3에서 사용할 수 있는 기능으로,
padding 또는 border를 주게 되면서 사이즈 미스로 인해 번거로운 상황을 해결할 수 있는
clac 입니다.

흔히 width값을 사용할때 퍼센티지 또는 px를 많이 사용하는데
예로, 가로 100%에서 1px만 빼면 디자인적으로 완성될 수 있는 환경이라면
clac 를 활용하기에 용이합니다.

div {width:clac(100% - 10px);}

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

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