대체 상황에서 브라우저는 단위 없는 CSS 속성을 어떻게 처리합니까?

단위 없는 CSS 속성에 대한 대체 동작

CSS 속성에 px, em, pt 또는 %와 같은 단위 지정자가 없는 경우 브라우저에서 가변 대체 동작을 나타냅니다.

픽셀로 대체

쿼크 모드에서 일부 브라우저는 단위가 부족한 속성에 대해 픽셀 단위(px)로 대체할 수 있습니다. 이 동작은 단위 선언 없이 픽셀 길이를 허용하는 너비 및 높이와 같은 레거시 HTML 속성에서 비롯됩니다.

필수 단위 요구 사항

CSS2.1에 따르면 모두 0이 아닙니다. 길이 값에는 단위가 포함되어야 합니다. 표준 모드에서 사용자 에이전트는 단위가 없는 길이 값을 무시해야 합니다. 그러나 모든 브라우저가 이 규칙을 엄격하게 따르는 것은 아닙니다.

브라우저 불일치

사양에도 불구하고 브라우저는 단위 없는 CSS 속성을 일관되지 않게 처리합니다. 예를 들어, 특수 모드에서는

• Internet Explorer(IE7)는 단위가 누락된 경우 전체 규칙을 무시합니다.
• Firefox는 특정 속성(예: 너비)에 대해 px로 대체될 수 있습니다. 하지만 다른 것(예: border-width)은 무시하세요.
• Chrome, Opera 및 Safari는 너비와 테두리 너비 모두 px로 대체됩니다.

특이한 모드 동작

단위가 없는 CSS 속성에 대한 특정 quirks-mode 동작은 사양에 명시적으로 정의되어 있지 않습니다. IE7과 같은 일부 브라우저는 표준 모드 동작을 준수하려고 시도하는 반면 다른 브라우저는 보다 관대한 특수 모드 동작을 유지할 수 있습니다.

결론

CSS 속성에 대한 대체 동작 단위가 없는 경우 브라우저 및 렌더링 모드에 따라 달라질 수 있습니다. 표준 모드에서 사용자 에이전트는 단위가 없는 길이 값을 무시해야 합니다. 그러나 쿼크 모드에서는 브라우저가 일관되지 않은 동작을 보여 단위가 없는 속성이 해석되는 방식이 달라질 수 있습니다. 브라우저와 렌더링 모드 전반에서 예측 가능한 동작을 보장하려면 모든 CSS 속성에 대한 단위를 명시적으로 선언하는 것이 좋습니다.

위 내용은 대체 상황에서 브라우저는 단위 없는 CSS 속성을 어떻게 처리합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!