var()사용법1 CSS var() 함수 변수의 자바스크립트 동적 생성 var() 함수는 변수를 사용하여 스타일시트 전체에 값을 저장하고 재사용할 수 있게 해주는 CSS의 기능입니다. SCSS 같은 전처리 도구들에서 사용하는 변수를 활용한 공통 값을 관리 할 수 있습니다. 폰트 사이즈나 대표 컬러등 공통으로 많이 사용되는 부분에 적용하면 유지관리에 많은 도움이 됩니다. var()로 정의된 변수는 color, background-color, font-size, margin 등과 같은 다양한 CSS 속성에 사용할 수 있습니다. 또한 다른 값이나 계산과 결합, 자바스크립트를 통한 동적 스타일등으로 다양하게 활용 할 수 있어 스크립트로 일일이 바꿔 줘야 했던 값들을 var() 함수의 변수로 설정하면 단 한번의 설정으로 여러 곳의 값을 변경하는게 가능합니다. CSS 변수는 대소문자를.. 2023. 6. 17. 이전 1 다음
