> 웹 프론트엔드 > CSS 튜토리얼 > CSS에서 별표 앞에 오는 속성의 목적은 무엇입니까?

CSS에서 별표 앞에 오는 속성의 목적은 무엇입니까?

DDD
풀어 주다: 2024-11-27 19:58:10
원래의
914명이 탐색했습니다.

What is the Purpose of Asterisk-Preceded Properties in CSS?

CSS의 별표 앞에 오는 속성 이해

CSS 파일을 검사할 때 앞에 별표(*)가 붙은 속성을 발견할 수 있습니다. 이 "별표 속성 해킹"은 특정 인터넷 브라우저, 특히 Internet Explorer를 대상으로 하여 브라우저 간 호환성 문제를 해결하기 위해 일반적으로 사용됩니다.

CSS에는 "디스플레이", "여백" 및 "패딩"과 같은 속성이 포함되어 있습니다. HTML 요소의 모양과 레이아웃에 영향을 줍니다. 제공된 예에서:

div.with-some-class {
    display:block;                   
    margin:0;
    padding:2px 0 0 0;
    *padding:1px 0 0 0;
    font-size:11px;   
    font-weight:normal;
    *line-height:13px;
    color:#3D9AD0;
}
로그인 후 복사

별표가 앞에 있는 속성(padding 및 line-height)은 특히 Internet Explorer 버전 7까지의 버전을 대상으로 합니다. 이러한 별표 앞에 오는 속성은 다음과 같습니다. Internet Explorer의 영향을 받는 속성에 대해 다른 값을 정의하고, 선행되지 않는 속성은 다른 모든 브라우저에 적용됩니다.

예를 들어 위의 경우 예를 들어, padding은 Internet Explorer의 경우 상단 패딩이 1픽셀이어야 함을 지정하고, 기타 모든 브라우저의 경우 padding은 2픽셀로 설정합니다. 마찬가지로 line-height는 Internet Explorer에서 줄 높이를 13픽셀로 설정하고, 다른 모든 브라우저에서는 line-height를 기본값으로 설정합니다. 이를 통해 각 브라우저에 대해 별도의 스타일 규칙을 적용할 필요 없이 브라우저 간 호환성이 가능해졌습니다.

위 내용은 CSS에서 별표 앞에 오는 속성의 목적은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿