CSS: voice-family 속성에 대한 자세한 설명

voice-family속성

#sidebar {
  width: 200px;
  padding: 10px;
  border: 10px solid black;
}

은 여기서 너비를 200px로, padding을 10px로, 테두리를 10px로 설정합니다. 그러나 Window IE5.5 이전 브라우저에서 페이지를 탐색할 경우 너비는 다음과 같습니다. 실제 너비보다 40px 작아서(200px-10px-10px-10px-10px) 수정이 필요합니다. 여기서는 스타일시트의 "계단식" 기능이 사용됩니다. 동일한 선택기의 동일한 속성에 대해 나중에 정의된 값이 이전에 정의된 값을 덮어씁니다.

재정의된 스타일은 다음과 같습니다.

#sidebar {
padding: 10px;
border: 10px solid black;
width: 240px; 
voice-family: "\"}\"";
voice-family: inherit;
width: 200px; 
}

그리고 "voice-family:""}"" ;voice-family:inherit;"는 CSS의 음성 속성입니다. Window IE5.5는 CSS2를 완전히 지원하지 않으므로 이 속성은 다음과 같습니다. 인식되지 않아 다음 선택기로 이동합니다.

IE5는 voice-family: ""}""; voice-family:inherit; 두 단락을 올바르게 읽을 수 없으므로 두 번째 너비를 읽기 전에 #centercontent 읽기를 포기하고 끝에서 첫 번째 너비까지만 읽을 수 있습니다. : 240px.

IE5.5 이상의 브라우저는 동일한 이름을 가리는 원칙으로 인해 두 번째 너비인 200px를 얻습니다. 이런 식으로 동일한 Class에 두 개의 Width 값을 정의할 수 있습니다.

위 내용은 CSS: voice-family 속성에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!