본문 바로가기

# Work/└ html5&css322

[스크랩] css3 calc() 속성 CSS3 calc() 함수CSS3에 새롭게 추가된 기능 중 calc()라는 것이 있습니다. 이름에서 보듯이 계산을 해주는 속성인데 기존에 자바스크립트로 하던 계산을 상당 부분 덜어줍니다. 예를 들어, 모든 문단을 "100% 너비에서 20픽셀(px)만큼 뺀 너비"로 설정하고 싶다면 다음과 같이 작성합니다.p { width : 95%; /* 구식 브라우저를 위한 대비책(fallback) */ width : -webkit-calc(100% - 20px); /* for Chrome, Safari */ width : -moz-calc(100% - 20px); /* for Firefox */ width : calc(100% - 20px); /* for IE */ }calc() 내부에 입력할 수 있는 표현식은 +, .. 2014. 6. 24.

티스토리툴바