2011-03-23 17 views
61

Además de la siguiente lista, ¿hay otros prefijos de proveedor CSS que sean importantes para el desarrollo web ? ¿Son correctas mis definiciones? Debería ser más específico acerca de los navegadores móviles (Webkit móvil, por ejemplo)Lista de prefijos de proveedor de CSS

  • -khtml- (Konqueror, realmente edad Safari)
  • -moz- (Firefox)
  • -o- (Opera)
  • -ms- (Internet Explorer)
  • -webkit- (Safari, Chrome)

¿this list (que también contiene mso-, -wap- y -atsc-) agrega algo de valor?

Respuesta

93

Estos son los que yo sepa:

  • -ms- Microsoft
  • mso- (navegadores basados ​​en Gecko) de Microsoft Office
  • -moz- Fundación Mozilla
  • -o-, -xv- Opera Software
  • -atsc- Advanced Television Standards Committee
  • -wap- El WAP Forum
  • -webkit- Safari, Chrome (y otros navegadores basados ​​en WebKit)
  • -khtml-, -konq- navegador Konqueror
  • -apple- Webkit admite propiedades utilizando los prefijos -apple- así
  • prince- YesLogic
  • -ah- Antenna House
  • -hp- Hewlett Packard
  • -ro- objetos reales
  • -rim- Research In Motion
  • -tc- componentes altos

Estos se enumeran oficialmente en el CSS 2.1 Specification, informative section 4.1.2.2.

+0

Wow, lista agradable. ¡No he pensado en Prince desde hace un tiempo! Estoy particularmente interesado en el desarrollo web, por lo que quizás podríamos dividir los que (como Prince) no serían vistos en un contexto web. ¿En qué contexto es '-xv-' una extensión de ópera? Ni siquiera había oído hablar de eso. – theazureshadow

+9

No tenía idea de que Purple One creó un navegador ... – tahdhaze09

+0

¡buena lista! +1 para preguntas y respuestas – clairesuzy

1

Si bien no está en el contexto directo del desarrollo web, JavaFX también usa un prefijo de proveedor para el uso de CSS: -fx-.

1

Simplemente una sugerencia, si está planeando agregar una transición CSS, supongamos column-count: 3; y quiere soporte para todos los navegadores principales, y prefija su propiedad con todos los prefijos mencionados en las respuestas, luego una mejor y de manera más óptima sería utilizar una herramienta que lo haga por usted:

puede utilizar una línea tomó como pleeease.io que va a hacer la conversión para usted:

entrada

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

salida

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; 
} 
Cuestiones relacionadas