단위 없는 CSS 속성의 대체 동작은 무엇입니까?

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

소개

CSS 속성에 단위가 없는 경우 (예: px, em, pt, %) 브라우저는 종종 뚜렷한 대체 동작을 나타냅니다. 이 문서에서는 이러한 동작의 근거와 W3C 사양의 관련 지침을 검토합니다.

px 단위로 대체

특이 모드에서는 Internet Explorer 버전과 같은 일부 브라우저에서 6-5, 단위 없는 너비 및 테두리 속성을 px로 대체할 수 있습니다. 역사적으로 이 동작은 단위 없는 픽셀 길이를 허용하는 HTML 속성에서 비롯되었습니다.

기본 대체 단위

px는 일반적인 대체 단위이지만 보편적으로 선호되는 것은 아닙니다. W3C 사양은 특정 대체 단위를 요구하지 않습니다.

필수 대체

사용자 에이전트(UA)가 기본 단위로 대체하도록 명시적으로 요구하는 W3C 표준은 없습니다. 이러한 명확한 명령이 없기 때문에 브라우저 동작에서 관찰되는 불일치가 발생합니다.

예제 동작

표준 모드에서 UA는 단위가 없는 길이 값을 무시해야 합니다. 그러나 쿼크 모드에서는 브라우저가 다음 예에서 설명한 것처럼 다양한 동작을 보일 수 있습니다.

• Internet Explorer: 누락된 단위로 인해 너비와 테두리 규칙을 모두 무시합니다.
• Firefox: 대체 너비를 px로 변경하지만 테두리는 무시합니다.
• Chrome, Opera, Safari: 너비와 테두리를 모두 px로 대체합니다.

Microsoft Connect 응답

Microsoft Connect의 설명에서는 표준 모드에서 단위가 없는 것이 선택 사항이 아니라는 점을 강조합니다. 따라서 IE10 이상 버전에서는 단위가 없는 길이의 규칙을 무시합니다.

결론

단위가 없는 CSS 속성의 대체 동작은 브라우저별 구현에 따라 다르며 브라우저에 따라 달라질 수 있습니다. 렌더링 모드. 표준 모드에서는 단위 없는 길이를 거부하지만 쿼크 모드에서는 불일치가 발생합니다. 개발자는 브라우저 간 호환성을 보장하기 위해 이러한 동작을 알고 있어야 합니다.

위 내용은 단위 없는 CSS 속성의 대체 동작은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!