브라우저는 CSS 속성에서 누락된 단위를 어떻게 처리합니까?

단위가 없는 CSS 속성에 대한 대체

CSS에서 단위(예: px, em, pt, %)가 누락된 경우 속성에 따라 브라우저는 상황을 다르게 처리합니다.

쿼크 모드 동작

쿼크 모드에서 일부 브라우저는 선호하는 단위(일반적으로 px)로 대체될 수 있습니다. 이 동작은 너비 및 높이와 같은 단위 없는 HTML 속성의 레거시를 기반으로 합니다.

표준 모드 동작

표준 모드에서는 CSS2.1 사양에 따라 모든 비 - 길이가 0인 값에는 단위가 필요합니다. UA는 단위가 없는 길이 값을 무시해야 합니다.

브라우저 불일치

표준 모드의 표준화된 동작에도 불구하고 브라우저는 쿼크 모드에서 불일치를 나타냅니다.

• Internet Explorer: IE7 이상에서 단위 없는 규칙 무시
• Firefox: 너비는 px로 대체하고 테두리 너비는 무시함
• Chrome, Opera, Safari: 두 너비 모두 px로 대체 및 테두리 너비

W3C 요구 사항

W3C는 쿼크 모드에서 단위 없는 CSS 속성의 동작을 지시하지 않습니다. 사양에서는 UA가 표준 모드에서 단위 없는 길이 값을 무시하도록 규정하고 있습니다.

구체적인 질문:

1. 왜 quirks 모드에서 px fallback을 사용하나요?
   레거시 HTML 속성을 기반으로 한 기발한 동작입니다.
2. 선호 단위로 강제 대체하시겠습니까?
   아니요, quirks 모드에서는 필수가 아닙니다.
3. 주어진 예에 대한 올바른 쿼크 모드 동작:
   브라우저 쿼크에 따라 달라지므로 정의된 올바른 동작은 없습니다. Chrome, Opera 및 Safari의 동작은 표준 모드에서 단위 없는 규칙을 무시하는 방식으로 더욱 일관됩니다.

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