CSS 2.1: Propiedades obsoletas

En esta página se comentan:

Tipo de letra. Ajuste de tamaño: font-size-adjust

Nota: Esta propiedad no está incluida en la recomendación CSS 2.1, aunque sí que está incluida en la futura recomendación CSS 3: Fuentes, actualmente (octubre de 2015) en elaboración.

La propiedad font-size-adjust permite establecer la proporción entre el tamaño del tipo y el de la letra x, indicándola como número decimal.

Cada tipo de letra tiene una proporción distinta entre el tamaño del tipo y el tamaño de la letra x de ese mismo tipo (para entendernos, una proporción distinta entre los tamaños de las letras mayúsculas y minúsculas). Es decir, que para un tamaño determinado, unos tipos de letras tienen las letras minusuculas más grandes que otros (y por tanto, son más legibles a tamaños pequeños).

Esto puede provocar problemas cuando el navegador no pueden mostrar el tipo de letra indicado por el autor y debe sustituirlo por otro. Si el tipo de letra que elige el navegador tiene unas minúsculas más pequeñas que las del tipo de letra elegido por el autor de la página, puede que el texto sea ilegible, ya que la propiedad font-size únicamente indica el tamaño del tipo.

Actualmente (octubre de 2015), Internet Explorer no interpreta esta propiedad, como se comenta en la página de diferencias entre Firefox e Internet Explorer (Chrome tampoco). Firefox la interpreta desde la versión 3. Lo que hace Firefox es multiplicar el valor de font-size por el de font-size-adjust y dar a la letra minúscula x ese tamaño.

Correcto en Firefox Incorrecto en Internet Explorer Incorrecto en Chrome
p { 
font-size: 16px;
font-size-adjust: 1.5;
}

Esta letra x tiene 16 x 1.5 = 24 px de altura.

Correcto en Firefox Incorrecto en Internet Explorer Incorrecto en Chrome
p { 
font-size: 16px;
font-size-adjust: 0.5;
}

Esta letra x tiene 16 x 0.5 = 8 px de altura.

Tipo de letra. Anchura: font-stretch

Nota: Esta propiedad no está incluida en la recomendación CSS 2.1, aunque sí que está incluida en la futura recomendación CSS 3: Fuentes, actualmente (octubre de 2015) en elaboración.

La propiedad font-stretch permite elegir que un tipo de letra más o menos condensado o expandido.

Los valores permitidos son los siguientes: ultra-condensed, extra-condensed, condensed, semi-condensed, normal, semi-expanded, expanded, extra-expanded, ultra-expanded.

Actualmente (octubre de 2015), los navegadores no son capaces de interpretar esta propiedad.

Incorrecto en Firefox Incorrecto en Internet Explorer Incorrecto en Chrome
p { 
font-stretch: ultra-condensed;
}

Este párrafo está en el tipo ultra-condensado

Incorrecto en Firefox Incorrecto en Internet Explorer Incorrecto en Chrome
p {
font-stretch: ultra-expanded;
}

Este párrafo está en el tipo ultra-extendido

Listas. Distancia del marcador: marker-offset

Nota: La propiedad marker-offset y el valor marker de la propiedad display no están incluidas en la recomendación CSS 2.1 ni tampoco en la futura recomendación CSS 3: Listas, actualmente (octubre de 2015) en elaboración. La futura recomendación CSS 3: Listas 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.

Incorrecto en Firefox Incorrecto en Internet Explorer Incorrecto en Chrome
ul { 
list-style-type: none;
}

li:before {
content: "***";
display: marker;
marker-offset: 40px;
}
  • Esto es un punto de una lista
  • Esto es otro punto de la misma lista
  • Esto es otro punto de la misma lista, bastante más largo para que ocupe más de una línea y se pueda comprobar la posición del marcador

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 en 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: Interface de usuario básico, actualmente (mayo de 2016) 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últiplesdocumentos
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 colo 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