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

El último borrador de la recomendación CSS Device Adaptation Module Level 1 (publicado en marzo de 2016) definía la regla arroba @viewport, inspirada por la etiqueta meta viewport pero pensada tanto para navegadores de móviles como de escritorio.

El borrador definía la etiqueta meta viewport equivalente a un caso particular de la regla arroba @viewport. Sin embargo los fabricantes de navegadores declararon su intención de no implementar @viewport y en febrero de 2020 decidieron eliminar esta regla arroba. Finalmente, en enero de 2024 se publicó el primer borrador de la futura recomendación CSS Viewport Module Level 1 (actualmente -febrero de 2024- en elaboración) que susituye a CSS Device Adaptation Module Level 1 y en el que ya no aparece la regla arroba @viewport [ref: mención a la eliminación de @viewport en CSS Device Adaptation Module Level 1].

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;
}
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 2022) 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;
}
Enlace externo
Obsoleto Incorrecto en Chrome Incorrecto en Firefox
ul {
  list-style-type: none;
}

li::before {
  content: "***";
  display: marker;
  marker-offset: 40px;
}
Enlace externo

Colores del sistema obsoletos

Los colores del sistema se introdujeron en la recomendación CSS 2 y hacían referencia a los colores utilizados en los elementos del interfaz del sistema operativo. En la primera edición de la recomendación CSS Color Module Level 3 (junio 2011) todos estos nombres pasaron a considerarse 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 2022) en elaboración. La futura recomendación CSS Color Module Level 4, actualmente (octubre de 2022) en elaboración, ha vuelto a incluir una lista de colores de sistema válidos más reducida y sigue considerando obsoletos la mayoría de los antiguos colores de sistema. Además, exige que los navegadores conviertan automáticamente los valores obsoletos en alguno de los nuevos valores.

Valores obsoletos Convertidos automáticamente en ...
Color Nombre Concepto Color Nombre
ActiveBorder Borde de la ventana activa ButtonBorder
ActiveCaption Título de la ventana activa CanvasText
AppWorkspace Color de fondo del interfaz de múltiples documentos Canvas
Background Color de fondo del escritorio Canvas
ButtonHighlight Color del borde iluminado de los elementos 3D (bordes que da a la fuente de luz) ButtonFace
ButtonShadow Color del borde opuesto de los elementos 3D (bordes opuesto a la fuente de luz) ButtonFace
CaptionText Texto en título, caja de tamaño y caja de flecha de desplazamiento CanvasText
InactiveBorder Borde de la ventana inactiva ButtonBorder
InactiveCaption Título de la ventana inactiva Canvas
InactiveCaptionText Texto de un título inactivo GrayText
InfoBackground Color de fondo de los tooltips Canvas
InfoText Texto de los tooltips CanvasText
Menu Fondo de los menús Canvas
MenuText Texto de los menús CanvasText
Scrollbar Área gris de la barra de desplazamiento Canvas
ThreeDDarkShadow Sombra oscura de los elementos 3D ButtonBorder
ThreeDFace Color frontal de los elementos 3D ButtonFace
ThreeDHighlight Color brillante de los elementos 3D ButtonBorder
ThreeDLightShadow Color claro de los elementos 3D (bordes frente a la fuente de luz) ButtonBorder
ThreeDShadow Sombra oscura de los elementos 3D ButtonBorder
Window Fondo de la ventana Canvas
WindowFrame Marco de la ventana ButtonBorder
WindowText Texto en las ventanas CanvasText

Por añadir