# Propiedades no estándar y propiedades obsoletas

Los navegadores entienden muchas propiedades no estándar, es decir, propiedades que no forman parte de ninguna recomendación o borrador.

Aunque con algunas de ellas se consigan efectos difíciles de conseguir de otra manera, está fuertemente desaconsejado utilizarlas. Estas propiedades sólo contribuyen a la fragmentación de la web, ya que solamente los navegadores que las implementan pueden representarlas. El interés de los usuarios es que las páginas web puedan consultarse desde cualquier navegador y desde cualquier sistema operativo.

En algunos casos, las recomendaciones (o sus borradores) han acabado incluyendo propiedades que hacen lo mismo que esas propiedades no estándar y ya son admitidas por los navegadores. En ese caso los navegadores siguen admitiendo sus propiedades no estándar por motivos de compatibilidad, pero lógicamente se aconseja utilizar las propiedades incluidas en las recomendaciones.

## Nombres de las propiedades no estándar y/o obsoletas

Cuando las propiedades ya han sido implementadas de acuerdo con los borradores de las recomendaciones se suele utilizar el nombre de la propiedad tal y como aparece en la recomendación. Pero si no han sido completamente implementadas o si siguen una sintaxis distinta, los navegadores suelen utilizar el nombre de la propiedad precedido de un prefijo. El prefijo que utiliza Firefox es -moz-, el que utiliza Internet Explorer es -ms-, el que utilizan Chrome y Safari es -webkit- y el que utiliza Opera es -o-.

Hay que tener en cuenta que las propiedades precedidas de un prefijo sólo funcionan en el navegador correspondiente y en cualquier momento pueden dejar de funcionar, por lo que deben utilizarse con mucho cuidado.

La web de documentación sobre Firefox Mozilla Developer Network contiene una lista de propiedades -moz-.

Volver al principio de la página

## Propiedades no estándar

Las propiedades no estándar son propiedades que no forman parte de las recomendaciones. En general se desaconseja su uso puesto que sólo son admitidas por el navegador correspondiente y su uso contribuye a la fragmentación de la web, aunque pueden tener su interés como curiosidad (y porque si la propiedad es realmente interesante puede acabar formando parte de alguna recomendación)

### Bordes de varios colores: -moz-border-XXX-colors

Las propiedades -moz-border-bottom-colors, -moz-border-top-colors, -moz-border-left-colors y -moz-border-right-colors permiten aplicar varios colores a un mismo borde. Hay que indicar una lista de colores y a cada pixel del borde se aplica un color (de afuera hacia dentro).

Los ejemplos siguientes sólo funcionan en Firefox.

Con las propiedades actuales de los bordes, este efecto puede conseguirse acumulando bordes.

blockquote { padding: 3px 10px; border: black 10px solid; -moz-border-bottom-colors: #FFA8FF #FFB0FF #FFB8FF #FFC0FF #FFC8FF #FFD0FF #FFD8FF #FFE0FF #FFE8FF #FFF0FF; -moz-border-top-colors: #FFA8FF #FFB0FF #FFB8FF #FFC0FF #FFC8FF #FFD0FF #FFD8FF #FFE0FF #FFE8FF #FFF0FF; -moz-border-left-colors: #FFA8FF #FFB0FF #FFB8FF #FFC0FF #FFC8FF #FFD0FF #FFD8FF #FFE0FF #FFE8FF #FFF0FF; -moz-border-right-colors: #FFA8FF #FFB0FF #FFB8FF #FFC0FF #FFC8FF #FFD0FF #FFD8FF #FFE0FF #FFE8FF #FFF0FF; background-color: #FFF0FF; } | Si algo puede ir mal, irá mal. Murphy
blockquote { padding:3px 10px;border:black 10px solid; -moz-border-bottom-colors: black black white white black black white white black black; -moz-border-top-colors: black black white white black black white white black black; -moz-border-left-colors:black black white white black black white white black black; -moz-border-right-colors:black black white white black black white white black black; background-color:#FFF0FF; } | Si algo puede ir mal, irá mal. Murphy

Volver al principio de la página

### Interpolación de imágenes en Internet Explorer: -ms-interpolation-mode

img { -ms-interpolation-mode:bicubic; } (visto en http://www.joelonsoftware.com/items/2008/12/22.html)

Por escribir

Volver al principio de la página

## Propiedades obsoletas

Las propiedades obsoletas son las propiedades no estándar que se pueden sustituir por propiedades incluidas en las recomendaciones o sus borradores. Se incluyen aquí a título informativo, ya que se desaconseja su uso.

### Bordes redondeados: moz-border-radius

La propiedad border-radius incluida en CSS3: Módulo de Fondos y bordes, actualmente (noviembre de 2011) en fase de elaboración, permite definir esquinas redondeadas en los bordes. Firefox ha admitido siempre unas propiedades no estándar con un efecto similar que ya no es necesario utilizar puesto que el resto de navegadores ya admite la propiedad border-radius.

La propiedad -moz-border-radius funciona en Firefox como propiedad compuesta y admite de uno a cuatro valores. También existen las propiedades -moz-border-radius-bottomleft, -moz-border-radius-bottomright, -moz-border-radius-topleft y -moz-border-radius-topright para definir los radios individualmente.

| blockquote { padding: 3px 10px; border: PowderBlue solid 5px; -moz-border-radius: 20px; } | Si algo puede ir mal, irá mal. Murphy
| blockquote { padding: 3px 10px; border: PowderBlue solid 5px; -moz-border-radius: 30px 30px 15px 15px; } | Si algo puede ir mal, irá mal. Murphy
| blockquote { padding: 3px 10px; border: PowderBlue solid 5px; -moz-border-radius-bottomleft: 30px; -moz-border-radius-bottomright:30px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; } | Si algo puede ir mal, irá mal. Murphy

El estilo double funciona, pero si los estilos del borde son dasehd o dotted, el borde se muestra en estilo solid

| blockquote { padding: 3px 10px; border: PowderBlue double 5px; -moz-border-radius: 20px; } | Si algo puede ir mal, irá mal. Murphy
| blockquote { padding: 3px 10px; border: PowderBlue dotted 5px; -moz-border-radius: 20px; } | Si algo puede ir mal, irá mal. Murphy

Volver al principio de la página

Esta obra está bajo una licencia de Creative Commons Reconocimiento-CompartirIgual 3.0 España.