Dialogfeld "Farbauswahl"

Artikel
09/03/2008

Aktualisiert: November 2007

Wird zum Zuweisen von Formatattributen zu HTML-Elementen verwendet.

So öffnen Sie dieses Dialogfeld

Wählen Sie in Microsoft Visual Web Developer in der Entwurfsansicht ein Steuerelement oder ein HTML-Element aus, das Markup rendert (z. B. ein Table-Steuerelement oder eine HTML-Schaltfläche <input>).
Öffnen Sie das Dialogfeld Stil-Generator, indem Sie eine der folgenden Aktionen ausführen:
- Wählen Sie in der Entwurfsansicht das Steuerelement oder das Element aus, klicken Sie auf Format, und klicken Sie dann auf Stil.
- Klicken Sie in der Entwurfsansicht mit der rechten Maustaste auf das Steuerelement oder das Element, und klicken Sie dann auf Stil.
- Wählen Sie das Steuerelement oder das Element aus, wählen Sie im Eigenschaftenfenster die entsprechende Stil-Eigenschaft aus, und klicken Sie dann auf die Schaltfläche mit den Auslassungszeichen (…).
- Wenn Sie im Fenster Dokumentstile arbeiten, wählen Sie ein Element, eine Klasse oder eine Element-ID aus, und klicken Sie dann auf das Symbol Stil erstellen.
- Wenn Sie ein Cascading Stylesheet (CSS) bearbeiten, setzen Sie die Einfügemarke zwischen die geschweiften Klammern ({ }) eines CSS-Stils, und wählen Sie dann im Menü Stil den Befehl Stil erstellen aus.
Das Dialogfeld Stil-Generator wird geöffnet.
Wählen Sie im Dialogfeld Stil-Generator eine der Registerkarten aus, die eine Dropdownliste Farbe enthalten, und klicken Sie neben dem Feld auf die Schaltfläche mit den Auslassungszeichen (…).

Das Dialogfeld Farbauswahl wird geöffnet.

Aufgaben

Exemplarische Vorgehensweise: Erstellen und Ändern einer CSS-Datei

UI-Elemente

Webpalette
Wenn Sie auf dieser Registerkarte ein Farbfeld auswählen, wird im Feld Farbe der zugehörige hexadezimale RGB-Code angezeigt, und das ausgewählte attribute:RGBcolor-Paar wird beim Schließen des Dialogfelds Stil-Generator in die CSS-Stildefinition eingefügt.

Wenn Sie beispielsweise ein HTML-Dokument in der Entwurfsansicht bearbeiten, wählen Sie im Dokumentgliederungsfenster das <BODY> -Element und dann im Menü Format den Befehl Stil erstellen aus. Wählen Sie Hintergrund aus, und klicken Sie dann neben dem Feld Farbe auf die Schaltfläche mit den Auslassungszeichen (...), um das Dialogfeld Farbauswahl zu öffnen. Wählen Sie auf der Registerkarte Webpalette ein hellblaues Farbfeld aus, und klicken Sie dann auf OK. Beim Schließen des Dialogfelds Stil-Generator wird ein attribute:RGBcolor-Paar zwischen den geschweiften Klammern ({ }) des BODY-Stils eingefügt, das wie folgt aussieht:
```
BODY { BACKGROUND-COLOR: #99ffff; } 
```
Weitere Informationen finden Sie unter Registerkarte "Webpalette", Dialogfeld "Farbauswahl".
Benannte Farben
Wenn Sie auf dieser Registerkarte ein Farbfeld auswählen, werden im Feld Farbe der zugehörige Farbname und der hexadezimale RGB-Code angezeigt. Wenn Sie eine Farbe mit dem Namen Basisfarbe oder Weitere auswählen, wird ein attribute:colorname-Paar in die CSS-Stildefinition eingefügt.

Wenn Sie beispielsweise ein HTML-Dokument in der Entwurfsansicht bearbeiten, wählen Sie im Dokumentgliederungsfenster das <BODY>-Element und dann im Menü Format den Befehl Stil erstellen aus. Wählen Sie Hintergrund aus, und klicken Sie dann neben dem Feld Farbe auf die Schaltfläche mit den Auslassungszeichen (...), um das Dialogfeld Farbauswahl zu öffnen. Wählen Sie auf der Registerkarte Benannte Farben in der unteren Zeile die Farbe Hellblau (#add8e6) aus. Beim Schließen des Dialogfelds Stil-Generator wird das folgende attribute:colorname-Paar zwischen den geschweiften Klammern ({ }) des BODY-Stils eingefügt:
```
BODY { BACKGROUND-COLOR: lightblue; } 
```
Weitere Informationen finden Sie unter Registerkarte "Benannte Farben", Dialogfeld "Farbauswahl".

Systemfarben
Wenn Sie eine Farbe auswählen, wird im Feld Farbe eine Systemfarbenkategorie angezeigt und ein attribute:category-Paar beim Schließen des Dialogfelds Stil-Generator in die CSS-Stildefinition eingefügt.

Wenn Sie beispielsweise ein CSS-Stylesheet bearbeiten, platzieren Sie den Cursor zwischen die geschweiften Klammern ({ }) eines CSS-Stils für das <BODY>-Element, und wählen Sie im Menü Format die Option Stil erstellen. Wählen Sie Hintergrund aus, und klicken Sie dann neben dem Feld Farbe auf die Schaltfläche mit den Auslassungszeichen (...), um das Dialogfeld Farbauswahl zu öffnen. Wählen Sie auf der Registerkarte Systemfarben die Farbkategorie Hintergrund aus, und klicken Sie dann auf OK. Beim Schließen des Dialogfelds Stil-Generator wird das folgende attribute:colorname-Paar in den BODY-Stil eingefügt:

BODY { BACKGROUND-COLOR: background; }

Hinweis:
Wenn Sie eine Systemfarbe verwenden, legen Sie damit nicht die anzuzeigende Farbe fest. Die Hintergrundfarbe ist von System zu System je nach der vom Benutzer gewählten Desktopfarbe unterschiedlich. Verwenden Sie die Systemfarbenkategorien möglichst nur bei Webprojekten, die für Benutzergruppen mit gemeinsamen und vorhersagbaren Anzeigeeinstellungen entwickelt werden.

Weitere Informationen finden Sie unter Registerkarte "Systemfarben", Dialogfeld "Farbauswahl".

Benutzerdefinierte Farben
Wenn Sie eine benutzerdefinierte Farbe erstellen möchten, verschieben Sie die Schieberegler für die Grundfarben Rot, Grün und Blau, bis der gewünschte Farbton im Feld Vorschau angezeigt wird. Der zugehörige RGB-Farbcode wird im Feld Farbe angezeigt und beim Schließen des Dialogfelds Stil-Generator in die CSS-Stildefinition eingefügt. Die rechts neben jedem Schieberegler angezeigten Dezimalwerte liegen im Bereich von 0 (keine Farbe) bis 255 (maximaler Farbwert). Der Standardwert ist jeweils 255.

Hinweis:
Eine benutzerdefinierte Farbe wird mit den aktuellen Anzeigeeinstellungen des Monitors angezeigt. Auf anderen Monitoren oder bei Verwendung eines anderen Webbrowsers kann die Farbdarstellung abweichen. Möglicherweise möchten Sie benutzerdefinierte Farben nur bei Webprojekten verwenden, die für Benutzergruppen mit gemeinsamen und vorhersagbaren Anzeigeeinstellungen entwickelt wurden.

Platzieren Sie den Cursor z. B. beim Bearbeiten eines CSS-Stylesheets zwischen die geschweiften Klammern ({ }) eines CSS-Stils für eine INPUT.button-Stilklasse, wählen Sie im Dialogfeld Stil erstellen die Option Hintergrund aus, und klicken Sie dann neben dem Feld Farbe auf die Schaltfläche mit den drei Auslassungszeichen (...), um das Dialogfeld Farbauswahl zu öffnen. Lassen Sie auf der Registerkarte Benutzerdefinierte Farbe die Schieberegler Rot und Grün auf dem Standardwert 255, und ziehen Sie den Regler Blau auf den Wert 102. Beim Schließen des Dialogfelds Stil-Generator wird das folgende attribute:RGBcolor-Paar zwischen den geschweiften Klammern ({ }) des Stils eingefügt:

INPUT.button { background-color: #ffff66; }

Weitere Informationen finden Sie unter Registerkarte "Benutzerdefinierte Farbe", Dialogfeld "Farbauswahl".

Farbe
Zeigt den hexadezimalen RGB-Code für die ausgewählte Farbe an.
OK
Schließt das Dialogfeld Farbauswahl und fügt dem CSS-Markup das ausgewählte attribute:color-Paar hinzu, das beim Schließen des Dialogfelds Stil-Generator eingefügt werden soll.