Propiedades no estándar y propiedades
obsoletasPropiedades no estándar y propiedades
obsoletasLos 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.
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
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)
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; } |
|
| 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; } |
|
Volver al principio de la página
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
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.
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; } |
|
|
blockquote { padding: 3px 10px; border: PowderBlue solid 5px; -moz-border-radius: 30px 30px 15px 15px; } |
|
|
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; } |
|
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; } |
|
|
blockquote { padding: 3px 10px; border: PowderBlue dotted 5px; -moz-border-radius: 20px; } |
|
Volver al principio de la página
Esta página forma parte del curso "Páginas web HTML / XHTML y hojas de estilo CSS" disponible en http://www.mclibre.org
Esta obra está bajo una licencia de Creative
Commons Reconocimiento-CompartirIgual 3.0 España.