-
calc (CSS 속성값)코딩/CSS 2022. 6. 3. 16:42
calc
- 수학식을 계산해서 값을 반환하는 CSS 속성값
- 속성명이 아니라 값이 들어가는 속성값에 들어간다.
- 나눗셈은 %가 아니라 /다. %는 몫을 나누고 난 나머지를 반환한다. 예) 5 % 3 = 2
- calc(100% / 5)는 5분의 1이다.
- calc(100% / 5 * 4)는 5분의 4이다.
화면 레이아웃 할 때 요긴하게 쓰일 듯 하다...
'코딩 > CSS' 카테고리의 다른 글
[패스트캠퍼스] 프론트엔드 강의 1주 차 후기 (0) 2023.03.14 float-grid 라이브러리 (feat. inline-grid) (0) 2022.06.21 inline-grid (라이브러리) (0) 2022.06.03 CSS 선택자 모음1 ( 내 위주) (0) 2022.06.01 Normalize.css (노멀라이즈 모음) (0) 2022.05.30