css : explication détaillée de l'attribut voice-family

L'attribut

voice-family

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

définit ici la largeur à 200 px, le remplissage à 10 px et la bordure à 10 px, mais dans Windows IE5 lors de la navigation la page dans les navigateurs avant .5, la largeur sera inférieure de 40 px à la largeur réelle (200 px-10 px-10 px-10 px-10 px), elle doit donc être corrigée. La fonctionnalité "cascading" de la feuille de style est utilisée ici. Pour le même attribut du même sélecteur, la valeur définie ultérieurement écrasera la valeur définie précédemment.

Le style redéfini est :

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

Et "voice-family:""}"" ;voice-family:inherit;" est l'attribut vocal de CSS, dû à Windows IE5 .5 ne prend pas entièrement en charge CSS2 et ne reconnaît pas cette propriété, il passe donc au sélecteur suivant.

IE5 ne parvient pas à lire correctement les deux paragraphes voice-family: ""}""; voice-family:inherit;, il abandonne donc la lecture de #centercontent avant de lire la deuxième largeur, et enfin uniquement la première largeur : 240px peuvent être lus.

Les navigateurs d'IE5.5 et supérieurs obtiennent la deuxième largeur : 200px en raison du principe de couverture du même nom. De cette manière, deux valeurs de Largeur peuvent être définies dans la même Class.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!