Colores del sistema (Ficha), Selector de color (Cuadro de diálogo)

Artículo
10/07/2008

Actualización: noviembre 2007

Cuando se selecciona un color en esta ficha, aparece una categoría de color del sistema en el campo Color y se inserta un par attribute:category en la definición de estilo CSS (hoja de estilos en cascada) al cerrarse el cuadro de diálogo Generador de estilos.

Nota:
En los sistemas operativos Windows, se pueden establecer los colores del sistema mediante el icono Pantalla del Panel de control.

Por ejemplo, abra una hoja de estilo CSS de un documento cuya propiedad targetSchema esté establecida en un explorador web más reciente, sitúe el punto de inserción entre las llaves ({ }) de un estilo CSS correspondiente al elemento <BODY> y después elija Generar estilo en el menú Formato. Seleccione la ficha Fondo del cuadro de diálogo Generador de estilos y haga clic en el botón de puntos suspensivos (...) situado junto al campo Color para abrir el cuadro de diálogo Selector de color. En la ficha Colores del sistema, elija la categoría de color Fondo. Al cerrarse el cuadro de diálogo Generador de estilos, se inserta entre las llaves ({ }) del estilo BODY un par attribute:category:

BODY { BACKGROUND-COLOR: background; }

Nota:
Si establece la propiedad targetSchema del documento en un explorador más antiguo, sólo se inserta el código hexadecimal del color del sistema. Cuando utiliza el nombre de un color del sistema, no significa que esté especificando el color que se va a mostrar a todos los usuarios. El color de Fondo asignado variará de unos usuarios a otros, según el color de escritorio que elijan. En general, las categorías de color del sistema deben utilizarse únicamente en los proyectos Web diseñados para grupos de usuarios que comparten configuraciones de pantalla comunes y predecibles.

Si establece la propiedad targetSchema del documento en un explorador más antiguo, sólo se inserta el código hexadecimal del color del sistema. Cuando utiliza el nombre de un color del sistema, no significa que esté especificando el color que se va a mostrar a todos los usuarios. El color de Fondo asignado variará de unos usuarios a otros, según el color de escritorio que elijan. En general, las categorías de color del sistema deben utilizarse únicamente en los proyectos Web diseñados para grupos de usuarios que comparten configuraciones de pantalla comunes y predecibles.

Para obtener acceso a este cuadro de diálogo

En Microsoft Visual Web Developer, en la vista Diseño, seleccione un control o elemento HTML que represente el marcado (por ejemplo, un control Table o un botón <input> HTML).
Abra el cuadro de diálogo Generador de estilos. Para ello, lleve a cabo una de las siguientes acciones:
- En la vista Diseño, seleccione el control o elemento, haga clic en Formato y, a continuación, en Estilo.
- En la vista Diseño, haga clic con el botón secundario del mouse en el control o elemento y, a continuación, haga clic en Estilo.
- Seleccione el control o elemento, seleccione su propiedad Style en la ventana de propiedades y, a continuación, elija el botón de puntos suspensivos (...).
- Si trabaja en la ventana Estilos de documento, seleccione un Elemento, una Clase o un Id. de elemento y, a continuación, haga clic en el icono Generar estilo.
- Si está editando una hoja de estilo CSS, coloque el punto de inserción entre las llaves ({ }) de un estilo CSS y, después, elija Generar estilo en el menú Estilo.
Se abrirá el cuadro de diálogo Generador de estilos.
Seleccione cualquiera de las fichas del cuadro de diálogo Generador de estilos que contenga una lista desplegable Color y, a continuación, haga clic en el botón de puntos suspensivos (…) situado junto al cuadro.

Se abrirá el cuadro de diálogo Selector de color.
Haga clic en la ficha Colores del sistema.

Tareas

Tutorial: Crear y modificar un archivo CSS

Elementos de interfaz de usuario

Color (cuadro de lista)
Muestra una lista con los colores que se pueden elegir.
Color (cuadro de texto)
Muestra el código RGB hexadecimal correspondiente al color seleccionado. Si la propiedad targetSchema del documento HTML actual está establecida en un explorador web compatible con HTML 4.0 o posterior, se muestran tanto los nombres de los colores del sistema como los códigos de color RGB hexadecimales asignados a ellos en el equipo. Si la propiedad targetSchema está establecida en un explorador web más antiguo, compatible con HTML 3.2 y anteriores, sólo se muestran los códigos RGB hexadecimales de los colores del sistema.
Description
Muestra una descripción del color, incluidos los elementos de la interfaz de usuario (UI) del sistema para los que se suele utilizar el color.
OK
Cierra el cuadro de diálogo Selector de color y agrega el par attribute:category seleccionado al código de marcado CSS que se va a insertar al cerrarse el cuadro de diálogo Generador de estilos.
Usar colores del sistema
Indica si los colores del sistema se van a utilizar como los colores predeterminados.