[CSS] CSS 변수 사용하기

css 변수 기본 사용법

.parent {
  --pwidth: 300px; /*-가 2개 붙으면 변수가 된다*/
  width: calc(var(--pwidth) * 2);
  height: 100px;
  margin: 0 auto;
  background-color: orange;
}

대쉬 기호를 앞에 2개 넣어주면 변수가 만들어지고 그걸 width값에 넣었음.

 

See the Pen css에서 변수 사용하기 by limhaneul2244 (@limhaneul2244) on CodePen.

**IE에서는 변수 사용 불가