728x90
css함수를 사용하면 css 속성의 값으로 계산식을 지정할 수 있다.
/* property: calc(expression) */
width: calc(100% - 80px);
매개변수로 표현식 하나를 받고, 표현식의 결과가 최종 값이 된다.
표현식은 단순 계산식은 무엇이든 가능하며, 표준 연산자 우선순위를 따른다.
calc() - CSS: Cascading Style Sheets | MDN
calc() - CSS: Cascading Style Sheets | MDN
calc() CSS 함수를 사용하면 CSS 속성의 값으로 계산식을 지정할 수 있습니다. <length>, <frequency>, <angle>, <time>, <percentage>, <number>, 또는 <integer>를 받는 속성의 값으로 사용할 수 있습니다.
developer.mozilla.org
W3Schools.com
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com
728x90
'📦 CSS > CSS' 카테고리의 다른 글
| [CSS] Animation (0) | 2025.04.16 |
|---|---|
| [CSS] z-index (0) | 2025.04.14 |
| [CSS] var() (0) | 2025.04.14 |
| [CSS] Float (0) | 2023.01.25 |
| [CSS] 레이아웃 (0) | 2023.01.24 |