background-color : none은 유효한 CSS입니까?

다음 CSS가 유효한지 누구든지 말해 줄 수 있습니까?

.class {
    background-color:none;
}

당신은 아마 원하는 transparent대로 none유효하지 않습니다 background-color값.

CSS 2.1 사양은 상태가 다음 background-color속성을 :

Value: <color> | transparent | inherit

<color>키워드 또는 색상의 숫자 표현 일 수 있습니다. 유효한 color키워드 는 다음과 같습니다.

아쿠아, 블랙, 블루, 퓨샤, 그레이, 그린, 라임, 적갈색, 네이비, 올리브, 오렌지, 퍼플, 레드, 실버, 틸, 화이트, 옐로우

transparent그리고 inherit자신의 권리를 유효 키워드는, 그러나 none아니다.

아니요, transparent대신 사용하십시오 none. 예를 들어 작업을 참조하십시오 여기에 변경할 경우이 예제 transparent에 none그것을하지 않습니다 일

처럼 사용 .class { background-color:transparent; }

대답은 '아니오.

잘못된

.class {
    background-color: none; /* do not do this */
}

옳은

.class {
    background-color: transparent;
}

background-color: transparent당신이하고 싶었던 것과 같은 일을 background-color: none합니다.

.class {
    background-color:none;
}

유효한 속성이 아닙니다. W3C 유효성 검사기는 다음 오류를 표시합니다.

값 오류 : 배경색 없음이 배경색 값이 아님 : 없음

transparentCSS 사양을 개발하는 동안 0또는 none값 대신 더 나은 용어로 선택되었을 수 있습니다 .

CSS 레벨 3은 unset속성 값을 지정합니다 . 에서 MDN :

설정되지 않은 CSS 키워드는 초기 키워드와 상속 키워드의 조합입니다. 이 두 개의 CSS 전체 키워드와 마찬가지로 CSS 속기 모두를 포함한 모든 CSS 속성에 적용 할 수 있습니다. 이 키워드는 속성을 상위 속성에서 상속하는 경우 상속 된 값으로 재설정하거나 그렇지 않은 경우 초기 값으로 재설정합니다. 다시 말해, 첫 번째 경우 inherit 키워드처럼 작동하고 두 번째 경우에는 초기 키워드처럼 작동합니다.

불행히도이 값은 현재 IE, Safari 및 Opera를 포함한 모든 브라우저에서 지원되지 않습니다. 나는 transparent당분간 사용 하는 것이 좋습니다 .

이것을 쓰십시오 :

.class {
background-color:transparent;
}

따라서이 솔루션을 사용해야하는 시나리오를 설명하고 싶습니다. 기본적으로 다른 CSS에서 설정 한 배경색 특성을 실행 취소하려고했습니다. 예상되는 최종 결과는 원본 CSS가 background-color 속성을 적용하지 않은 것처럼 보이게 만드는 것입니다. background-color:transparent;효과적으로 설정 했습니다.