Propriétés spécifiques au fournisseur

Propriétés CSS spécifiques au fournisseur: un mal nécessaire?

Les développeurs de navigateurs (fournisseurs) étendent souvent les spécifications du CSS avec des propriétés propriétaires. Ces extensions servent à diverses fins, notamment en ajoutant de nouvelles fonctionnalités, en menant des expériences et en facilitant les tests des fonctionnalités prévues pour la normalisation du W3C avant d'atteindre l'état de recommandation des candidats.

Pour éviter les conflits avec les propriétés CSS standard existantes ou futures, une convention de dénomination spécifique est utilisée. Les propriétés et les mots clés spécifiques aux fournisseurs doivent commencer par un trait d'union (-) ou un soulignement (_). Le format recommandé est:

<code>'-' + vendor specific identifier + '-' + meaningful name

'_' + vendor specific identifier + '-' + meaningful name</code>

Cette convention garantit la compatibilité, car les propriétés CSS standard ne commenceront jamais par un trait d'union ou un soulignement. Cependant, bien que cela minimise les conflits, les extensions spécifiques aux fournisseurs ne font pas partie des spécifications officielles du CSS et sont susceptibles de changer. Par conséquent, leur utilisation doit être minimisée.

Tableau 1: Préfixes du fournisseur commun

Prefix	Organization
-ms-	Microsoft
mso-	Microsoft Office
-moz-	Mozilla Foundation (Gecko-based)
-o-	Opera Software
-atsc-	Advanced Television Standards Committee
-wap-	The WAP Forum
-webkit-	Safari (and other WebKit-based)
-khtml-	Konqueror browser

ATTENTION: Bien que peu susceptible de provoquer des conflits, les extensions spécifiques au fournisseur peuvent changer sans préavis. Ils ne passeront pas non plus la validation CSS. Prioriser les propriétés CSS standard dans la mesure du possible. Si une extension est nécessaire, choisissez-en un en reflétant étroitement une propriété standard pour faciliter une transition en douceur vers la norme une fois disponible.

Exemple: la propriété opacity

Avant le support CSS3 généralisé, les développeurs ont utilisé des extensions spécifiques au fournisseur pour opacity. Cet exemple démontre une approche commune:

<code>'-' + vendor specific identifier + '-' + meaningful name

'_' + vendor specific identifier + '-' + meaningful name</code>

Cette technique a assuré la compatibilité entre divers navigateurs, chaque navigateur sélectionnant la propriété appropriée. Même après que les navigateurs ont adopté la propriété standard opacity, cette approche est restée fonctionnelle. Notez que la propriété Internet Explorer filter est une exception non standard.

Conclusion:

Les propriétés spécifiques aux fournisseurs peuvent être utiles pour tester et combler les lacunes de compatibilité, mais elles ne sont pas idéales pour des solutions à long terme. Favoriser toujours les propriétés CSS standard. Utilisez les préfixes des fournisseurs avec parcimonie et seulement lorsque vous avez absolument besoin, en vous rappelant qu'ils ne sont pas bien documentés et peuvent changer de façon inattendue. Reportez-vous à des ressources comme puis-je utiliser pour les informations de compatibilité du navigateur.

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!