Propiedades no estándar Propiedades no estándarLos navegadores entienden algunas 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.
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 Mozilla.
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; } |
|