CSS: Propiedades obsoletas

En esta página se comentan propiedades que estaban incluidas en recomendaciones CSS anteriores (CSS 2, CSS 2.1, recomendaciones o borradores CSS 3), pero que se consideran obsoletas y cuyo uso no se recomienda.

No se comentan las propiedades que se consideraban obsoletas en CSS 2 pero que se han recuperado en CSS 3.

La regla arroba @viewport

La futura recomendación CSS Device Adaptation Module Level 1 (actualmente, octubre de 2021, en elaboración) define la regla arroba @viewport, que estaba inspirada por la etiqueta meta viewport pero estaba pensada tanto para navegadores de móviles como de escritorio.

El borrador declara la etiqueta meta viewport equivalente a un caso particular de la regla arroba @viewport. Sin embargo los fabricantes de navegadores @viewport no tienen intención de implementarla y en febrero de 2020 decidieron eliminar esta regla arroba, aunque actualmente (octubre de 2021) todavía no se ha modificado el borrador.

Dar estilo a enlaces

En HTML 4 se desaconsejaba dar estilo a los enlaces mediante el selector a porque la etiqueta <a> se podía utilizar también para definir destinos (como se comenta en la lección de elementos obsoletos) y el estilo dirigido a los enlaces podía afectar a elementos que no eran enlaces, como muestra el siguiente ejemplo:

Obsoleto
a {
  background-color: lightblue;
}
ERROR (no puede mostrarse el objeto)
Enlace externo

Como en HTML 5 se considera obsoleto definir destinos con la etiqueta <a>, este problema ya no debería ocurrir.

Listas. Distancia del marcador: marker-offset y display: marker

La propiedad marker-offset y el valor marker de la propiedad display se introdujeron en la recomendación CSS 2 (marker-offset) y (marker), pero no están incluidos en la recomendación CSS 2.1, por lo que se pueden considerar obsoletos en CSS 2.

La propiedad marker-offset tampoco está incluida en la futura recomendación CSS 3: Listas, actualmente (octubre de 2021) en elaboración, aunque esta recomendación introduce el pseudo-elemento ::marker para establecer el estilo del marcador.

La propiedad marker-offset debería establecer la distancia del marcador al elemento de la lista. Esta propiedad afectaría a los marcadores creados con los pseudo-elementos ::before y ::after.

Los navegadores no son capaces de interpretar esta propiedad, ni probablemente lo hagan nunca.

Obsoleto Incorrecto en Chrome Incorrecto en Firefox
li::before {
  content: "***";
  display: marker;
  width: 6em;
  text-align: center;
}
ERROR (no puede mostrarse el objeto)
Enlace externo
Obsoleto Incorrecto en Chrome Incorrecto en Firefox
ul {
  list-style-type: none;
}

li::before {
  content: "***";
  display: marker;
  marker-offset: 40px;
}
ERROR (no puede mostrarse el objeto)
Enlace externo

Colores del sistema

Los colores del sistema hacen referencia a los colores utilizados por el interfaz del sistema operativo. Formaban parte de la recomendación CSS 2, pero desde la primera edición (junio de 2011) de la recomendación CSS 3 Color se consideran obsoletos, en favor de la propiedad appearance, definida únicamente para elementos de formularios en la futura recomendación CSS 4: Interfaz de usuario básico, actualmente (octubre de 2021) en elaboración.

Color Nombre Concepto
ActiveBorder Borde de la ventana activa
ActiveCaption Título de la ventana activa
AppWorkspace Color de fondo del interfaz de múltiples documentos
Background Color de fondo del escritorio
ButtonFace Color frontal de los elementos 3D
ButtonHighlight Sombra oscura de los elementos 3D (bordes opuestos a la fuente de luz)
ButtonShadow Sombra de los elementos 3D
ButtonText Texto de los botones
CaptionText Texto en título, caja de tamaño y caja de flecha de desplazamiento
GrayText Texto en gris (desactivado). Este color es #000000 si no se puede mostrar un color gris sólido
Highlight Elemento(s) seleccionado(s) en un control
HighlightText Texto de (de los) elemento(s) seleccionado(s) en un control
InactiveBorder Borde de la ventana inactiva
InactiveCaption Título de la ventana inactiva
InactiveCaptionText Texto de un título inactivo
InfoBackground Color de fondo de los tooltips
InfoText Texto de los tooltips
Menu Fondo de los menús
MenuText Texto de los menús
Scrollbar Área gris de la barra de desplazamiento
ThreeDDarkShadow Sombra oscura de los elementos 3D
ThreeDFace Color frontal de los elementos 3D
ThreeDHighlight Color brillante de los elementos 3D
ThreeDLightShadow Color claro de los elementos 3D (bordes frente a la fuente de luz)
ThreeDShadow Sombra oscura de los elementos 3D
Window Fondo de la ventana
WindowFrame Marco de la ventana
WindowText Texto en las ventanas

Por añadir