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.
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].
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:
Como en HTML 5 se considera obsoleto definir destinos con la etiqueta <a>, este problema ya no debería ocurrir.
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.
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 |