calc() - CSS에서 속성 값을 계산하기

반응형 웹페이지를 위해 CSS를 작성하는 중에 속성값을 계산하여 반영하고 싶은 경우가 있었습니다.

찾아보니 calc()를 사용하면 가능했습니다.

height: calc( 10px - 5vh );

이렇게 간단하게 해결이 가능합니다.

각 속성값은 띄어쓰기를 해야 에러 없이 동작했고 사칙연산이 가능합니다.

 

읽어보기 : 모질라 웹 기술문서