Windows 10 Creators Update를 통해 Microsoft Edge는 CSS 사용자 지정 속성을 지원합니다.
2 분. 읽다
에 게시됨
이 기사 공유
이 가이드를 개선하세요
공개 페이지를 읽고 MSPoweruser가 편집팀을 유지하는 데 어떻게 도움을 줄 수 있는지 알아보세요. 자세히 보기
다음 달에 출시될 예정인 Windows 10 Creators Update를 통해 Microsoft Edge는 개발자가 CSS 속성 전반에 걸쳐 변수를 완전히 캐스케이드할 수 있는 CSS 사용자 지정 속성을 지원할 것입니다.
일반적으로 웹 애플리케이션에는 상당한 양의 CSS가 포함될 수 있습니다. CSS 파일에 있는 대부분의 값은 중복 데이터입니다. 예를 들어 사이트에서 색 구성표를 설정하고 사이트 전체에서 XNUMX~XNUMX개의 색상을 재사용할 수 있습니다. 이 데이터는 CSS 파일 전체(및 여러 파일에 걸쳐 있을 수 있음)에 흩어져 있고 찾기 및 바꾸기에 적합하지 않을 수 있으므로 이 데이터를 변경하는 것은 어렵고 오류가 발생하기 쉽습니다. CSS 사용자 정의 속성은 개발자가 이름이 있는 속성에 임의의 값을 할당할 수 있도록 하는 사용자 정의 속성으로 통칭되는 사용자 정의 작성자 정의 속성 패밀리와 개발자가 해당 값을 사용할 수 있도록 하는 var() 함수를 사용하여 이 문제를 해결합니다. 문서의 다른 속성에 있습니다. 아래 예시를 확인하시고,
:root { --기본: #0B61A4; --보조: #25567B; } 헤더 { 배경: var(--primary); border-bottom: 2px 솔리드 var(--secondary); }
CSS 사용자 정의 속성을 사용하면 개발자가 사용자 정의 속성에서 값을 한 번 변경해야 하므로 CSS 파일을 훨씬 쉽게 편집할 수 있고 오류가 발생하지 않으며 변경 사항은 해당 변수의 모든 사용에 자동으로 전파됩니다.
개발자라면 이제 EdgeHTML 15.15061로 시작하는 최근 출시된 Windows Insider Preview 빌드에서 CSS 사용자 지정 속성을 사용해 볼 수 있습니다. 또한, 확인하십시오 사용자 정의 속성 Pooch 데모 이 기능이 작동하는지 확인합니다.
