web-dev-qa-db-fra.com

Liste des préfixes de fournisseurs CSS?

Outre la liste suivante, existe-t-il d'autres préfixes de fournisseurs CSS importants pour le développement Web ? Mes définitions sont-elles correctes? Dois-je être plus précis sur les navigateurs mobiles (Webkit mobile, par exemple)

  • -khtml- (Konqueror, vraiment ancien Safari)
  • -moz- (Firefox)
  • -o- (Opéra)
  • -ms- (Internet Explorer)
  • -webkit- (Safari, Chrome)

cette liste (qui contient également mso-, -wap-, et -atsc-) ajouter quelque chose de valeur?

cssvendor-prefix
65
theazureshadow

Ce sont ceux que je connais:

  • -ms- Microsoft
  • mso- Microsoft Office
  • -moz- Mozilla Foundation (navigateurs basés sur Gecko)
  • -o-, -xv- Opera Logiciel
  • -atsc- Comité des normes de télévision avancées
  • -wap- Le Forum WAP
  • -webkit- Safari, Chrome (et autres navigateurs WebKit)
  • -khtml-, -konq- Navigateur Konqueror
  • -Apple- Webkit prend en charge les propriétés en utilisant également les préfixes -Apple-
  • prince- OuiLogique
  • -ah- Antenne Maison
  • -hp- Hewlett Packard
  • -ro- Objets réels
  • -rim- Research In Motion
  • -tc- Composants hauts

Ceux-ci sont officiellement répertoriés dans la Spécification CSS 2.1, section informative 4.1.2.2 .

99
Greg

Juste une suggestion, si vous prévoyez d'ajouter simplement une transition CSS, supposons column-count: 3; et que vous souhaitez prendre en charge tous les principaux navigateurs, et que vous préfixez votre propriété avec tous les préfixes mentionnés dans les réponses ici, alors un moyen meilleur et plus optimal serait d'utiliser un outil qui le fait pour vous:

Vous pouvez utiliser une prise en ligne comme pleeease.io qui fera la conversion pour vous:

Entrée 

a {
  column-count: 3;
  column-gap: 10px;
  column-fill: auto;
}

Sortie 

a {
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  -webkit-column-fill: auto;
     -moz-column-fill: auto;
          column-fill: auto;
}
1
Raman Sahasi

Bien qu'il ne soit pas dans le contexte direct du développement Web, JavaFX utilise également un préfixe de fournisseur pour son utilisation de CSS: -fx-.

1
glglgl