CSS 캐스케이드 스타일 시트의 var 함수

작은 쓰레기 같은 놈들 · 게시됨 2020. 6. 5. 오전 11:47:51

var() 함수는 원소의 어떤 속성에서도 값의 임의의 부분을 대체할 수 있습니다. var() 함수는 속성 이름, 선택기 또는 속성 값 이외의 다른 값으로 사용할 수 없습니다.

문법

메서드의 첫 번째 매개변수는 교체할 커스텀 속성의 이름입니다. 함수의 선택적 두 번째 매개변수는 대체 값으로 사용됩니다. 첫 번째 매개변수가 참조한 사용자 지정 속성이 유효하지 않으면, 함수는 두 번째 값을 사용합니다.

테스트 코드는 다음과 같습니다:

로그인이 보이네요.

렌더링은 다음과 같습니다:

두 가지 클래스 스타일을 정의하는데, .fsize는 정의한 --font-size 변수를 찾아서 20px를 표시하고, .fsize2는 --font-size-test의 정의를 찾지 못해 함수의 두 번째 값인 50px를 사용합니다.

참고: 시작을 위해 두 개의 대시를 정의하세요.

참조:하이퍼링크 로그인이 보입니다.

[CSS/DIV] CSS 캐스케이드 스타일 시트의 var 함수

관련 게시물

본 섹션