Plusieurs propriétés spécifiques à l'interface des utilisateurs permettent de gérer l'apparence de l'ensemble des éléments d'une fenêtre d'un système d'exploitation quelconque.
Les propriétés peuvent affecter aussi bien la barre de menu que les boutons ou encore les barres de défilment.
Valeur possible |
Action |
---|---|
ActiveBorder | Bordure active de la fenêtre. |
ActiveCaption | La légende active de la fenêtre. |
AppWorkspace | Couleur d'origine de multiple interface du document. |
Background | Couleur de fond du bureau. |
ButtonFace | Couleur pour les objets tri-dimensionnels. |
ButtonHighlight | Ombre foncée pour les objets tri-dimensionnels. |
ButtonShadow | Ombre pour les objets tri-dimensionnels. |
ButtonText | Texte sur un bouton poussoir. |
CaptionText | Texte en légende, dimension de boîte et flêche de barre de défilement. |
GrayText | Texte grisé. |
Highlight | Item sélectionné dans un contrôle. |
HighlightText | Texte d'item sélectionné dans un contrôle. |
InactiveBorder | Bordure de fenêtre inactive. |
InactiveCaption | Légende fenêtre inactive. |
InactiveCaptionText | Couleur du texte dans une légende inactive. |
InfoBackground | Couleur de fond pour un outil. |
InfoText | Couleur du texte pour les outils. |
Menu | Couleur de fond des menus. |
MenuText | Texte dans les menus. |
Scrollbar | Couleur des barres de défilement. |
ThreeDDarkShadow | Ombre foncée pour les objets tri-dimensionnels. |
ThreeDFace | Couleur pour les objets tri-dimensionnels. |
ThreeDHighlight | Couleur très claire pour les objets tri-dimensionnels. |
ThreeDLightShadow | Couleur claire pour les objets tri-dimensionnels. |
ThreeDShadow | Ombre foncée pour les objets tri-dimensionnels. |
Window | Couleur de fond de la fenêtre. |
WindowFrame | Couleur de fond des cadres. |
WindowText | Couleur du texte de la fenêtre. |
Par exemple, la ligne de code suivante permet de mettre les couleurs de premier plan et de fond d'un paragraphe aux mêmes que ceux de la fenêtre de l'utilisateur :
p { color: WindowText; background-color: Window }
Dans ce second exemple, la ligne de code suivante permet d'appliquer les couleurs tri-dimensionnelles d'un bouton aux mêmes couleurs que celles de l'interface de l'utilisateur :
button { color: ThreeDDarkShadow }
Dans ce troisième exemple, la ligne de code suivante permet d'appliquer les couleurs de la barre de défilement et la couleur de fond des cadres aux mêmes couleurs que celles de la fenêtre de l'utilisateur, de même que la couleur du texte de la fenêtre apparaîtra dans le cadre unique :
iframe { color: Scrollbar;Compatibilité
background-color: WindowFrame; font-color: WindowText }
Windows | Macintosh | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
NE4 | NE6 | NE7 | IE5 | IE55 | IE6 | OP5 | OP6 | OP7 | NE4 | NE6 | NE7 | IE4 | IE5 |