Gewusst wie: Verwenden des Fensters "CSS-Eigenschaften"
Im Fenster CSS-Eigenschaften können Sie Cascading Stylesheet (CSS)-Stileigenschaften anzeigen und ändern. Für Web Forms-Seiten können Sie das Fenster CSS-Eigenschaften in der Ansicht Entwurf verwenden. Sie können es in der Ansicht Quelle für jede beliebige Seite verwenden. Sie können es mit einer externen CSS-Datei oder mit dem Fenster Stile verwalten verwenden.
So öffnen Sie das CSS-Eigenschaftenfenster
- Wählen Sie im Menü Ansicht den Befehl CSS-Eigenschaften.
Im Fenster CSS-Eigenschaften werden alle Stile angezeigt, die vom aktuell auf einer Webseite ausgewählten Element verwendet werden. Dort finden Sie auch die Rangfolge dieser Stile und alle zugehörigen Eigenschaften und Werte.
Übersicht über das Fenster 'CSS-Eigenschaften'
Das Fenster CSS-Eigenschaften verfügt über die folgenden Elemente.
Benutzeroberflächenelement |
Beschreibung |
|---|---|
Anzeigeschaltflächen |
Am oberen Rand des Fensters werden die Schaltflächen Kategorisierte Liste anzeigen, Alphabetisierte Liste anzeigen und Festgelegte Eigenschaften am Anfang anzeigen angezeigt. Mit diesen Schaltflächen können Sie die Reihenfolge ändern, in der Eigenschaften angezeigt werden. Um nur die Eigenschaften oben in jeder Kategorie anzuzeigen, für die Werte zugewiesen wurden, wählen Sie Festgelegte Eigenschaften am Anfang anzeigen aus. Eigenschaften ohne Werte werden am Ende jeder Kategorie angezeigt. |
Zusammenfassung |
Sie können auf die Schaltfläche Zusammenfassung klicken, um die Eigenschaften aller Stile aufzulisten, von denen das ausgewählte Element beeinflusst wird. Diese Liste kann Eigenschaften enthalten, die im Abschnitt Zugewiesene Regeln nicht angezeigt werden. |
Zugewiesene Regeln |
Gibt an, welche Stilregeln für ein Element angewendet werden. Wenn Sie eine Regel aus dieser Liste auswählen, werden die zugewiesenen Eigenschaften im Abschnitt "CSS-Eigenschaften" darunter hervorgehoben. Wenn noch keine Stile zugewiesen wurden, wird im Abschnitt Zugewiesene Regeln die Meldung keine Regeln zugewiesen angezeigt. Die weiter unten in der Liste angezeigten Regeln haben Vorrang gegenüber Regeln weiter oben. Klicken Sie mit der rechten Maustaste auf einen Selektor, um ein Kontextmenü anzuzeigen, das zusätzliche Optionen für das Arbeiten mit Stilen für diesen Selektor enthält. |
CSS-Eigenschaften |
Hier können Sie CSS-Eigenschaften für einen unter Zugewiesene Regeln ausgewählten Stil anzeigen und festlegen. Sind Eigenschaften rot durchgestrichen, zeigt dies an, dass diese Eigenschaften von der aktuellen Auswahl nicht geerbt oder durch einen anderen Stil außer Kraft gesetzt werden. |
Tipp
Wenn Sie auf eine zugewiesene Regel oder eine CSS-Eigenschaften mit einem zugewiesenen Attributwert doppelklicken, öffnet Visual Studio das Stylesheet.Der Speicherort der Regeldefinition wird angezeigt.Alternativ können Sie mit der rechten Maustaste auf eine Regel oder eine Eigenschaft klicken und Gehe zu Code auswählen.
Ändern eines Stils mithilfe des Fensters "CSS-Eigenschaften"
Sie können das Fenster CSS-Eigenschaften verwenden, um die Formatierung bzw. den Stil eines einzelnen Elements oder aller Elemente einer CSS-Klasse zu ändern.
So ändern Sie die Eigenschaften eines Stils
Wählen Sie in der Liste Zugewiesene Regeln im Fenster CSS-Eigenschaften ein Element, einen Inlinestil, eine Element-ID oder eine CSS-Klasse für ein Element aus.
Ändern Sie im Abschnitt CSS-Eigenschaften die Eigenschaften.
Ermitteln der Stile, die einem Element zugewiesen sind
Im Fenster CSS-Eigenschaften können Sie alle Stile anzeigen, die einem Element zugewiesen wurden. Dort wird ebenfalls angezeigt, welche Stileigenschaften außer Kraft gesetzt sind. Außer Kraft gesetzte Stileigenschaften werden rot durchgestrichen angezeigt; sie werden nicht auf das aktuell ausgewählte Element angewendet.
Einem Element kann beispielsweise sowohl eine Inlinestilregel als auch eine Stilregel eines Stylesheets zugewiesen sein. In diesem Fall setzt die Inlinestilregel die Stylesheetregel außer Kraft.
So können Sie eine Zusammenfassung aller Eigenschaften anzeigen, die einer Auswahl zugewiesen wurden
Wählen Sie ein Element der Seite aus, und klicken Sie dann auf die Schaltfläche Zusammenfassung, um in den Zusammenfassungsmodus zu wechseln.
Im Abschnitt CSS-Eigenschaften werden alle Eigenschaften angezeigt, die dem ausgewählten Element zugewiesen wurden.
Klicken Sie unter CSS-Eigenschaften auf eine Eigenschaft, um unter Zugewiesene Regeln eine Übersicht der zugehörigen Stilregeln anzuzeigen.
Klicken Sie erneut auf die Schaltfläche Zusammenfassung, um den Zusammenfassungsmodus zu verlassen.
Hinweis
Wenn Sie den Mauszeiger über eine durchgestrichene Eigenschaft bewegen, wird in der Quickinfo angezeigt, durch welche andere Eigenschaft diese Eigenschaft außer Kraft gesetzt wurde.