borrame.com - Colección particular de recortes de código y documentación para programación web

Canales RSS

Lo más fresco

  1. Bookmarklets Nuevo
  2. Recetario básico para CakePHP/2 Nuevo
  3. Certificado auto-firmado Nuevo

Sugerencias del chef

Lo más visitado

  1. Fecha y hora
  2. Dar formato a un número
  3. Reiniciar secuencia
  4. Vaciar un esquema
  5. Certificado auto-firmado
Compartir esta página

Colores del sistema

Una habilidad poco explotada de CSS es que permite integrar nuestra página en el entorno gráfico del usuario, haciendo que tome los colores que éste tenga definidos y tenga así el mismo aspecto que cualquier programa. He aquí la lista completa tal y como la define el W3C, sólo que más ordenaditos. Se usan exactamente igual que cualquier otro color: color: InfoText; background-color: InfoBackground;

Ventana activaCaptionTextTexto del título de la ventana y flecha de la barra de desplazamiento (¿?)
ActiveCaptionTítulo de la ventana activa
ActiveBorderBorde de la ventana activa
Ventana inactivaInactiveCaptionTextTexto de ventana inactiva
InactiveCaptionTítulo de ventana inactiva
InactiveBorderBorde de ventana inactiva
Ventana (común)WindowTextTexto de las ventanas
WindowFondo de las ventanas
AppWorkspaceFondo de espacio de trabajo (ventana multidocumento)
WindowFrameMarco de las ventanas (¿?)
3DButtonTextTexto de los botones
ButtonFaceFondo de los elementos 3D
ButtonHighlightBrillo de los elementos 3D
ButtonShadowSombra de los elementos 3D
3D (más)ThreeDFaceFondo de los elementos 3D
ThreeDHighlightBrillo claro de los elementos 3D
ThreeDLightShadowBrillo oscuro de los elementos 3D
ThreeDShadowSombra clara de los elementos 3D
ThreeDDarkShadowSombra oscura de elementos 3D
MenúsMenuTextTexto de menú
MenuFondo de menú
TooltipsInfoTextTexto de los tooltips
InfoBackgroundFondo de los tooltips
SelecciónHighlightTextTexto de una selección
HighlightFondo de una selección
OtrosGrayTextTexto deshabilitado (negro si no está soportado)
BackgroundColor del escritorio
ScrollbarCarril de la barra de desplazamiento

Un ejemplo

El veloz murciélago hindú
¿A que las ventanas de nuestro amable lector tienen aproximadamente este aspecto? Pruebe a cambiar los colores en el panel de control de su sistema operativo, pruebe.
Pitufo
Pitufa

Véase también System Fonts.

Esta página ha sido impresa el sábado 23 de septiembre de 2017 (02:23:29 +0200) desde http://borrame.com/documentacion/css/sistema.html. La última vez que miré contenía HTML válido con CSS fresquito y si tiene flatas de ortografía ha sido sin querer.

borrame.com es el sitio anteriormente conocido como bits.demogracia.com (no confundir con Demogracia, que sólo pasaba por ahí).

© 2005-2017 by Álvaro González (alvaro.es) • Burgos (España) • borrame.com