Gewusst wie: Verwenden des Fensters "CSS-Eigenschaften"
Aktualisiert: November 2007
Im Fenster CSS-Eigenschaften können Sie die Cascading Stylesheet (CSS)-Stileigenschaften eines Elements anzeigen und ändern. Verwenden Sie das Fenster CSS-Eigenschaften mit einer geöffneten Website, einer externen CSS-Datei oder dem Fenster Stile verwalten, um die Eigenschaften der vorhandenen Stile anzuzeigen und zu ändern.
In einer Website werden im Fenster CSS-Eigenschaften alle Stile angezeigt, die vom aktuell ausgewählten Element verwendet werden. Dort finden Sie auch die Rangfolge dieser Stile und alle zugehörigen Eigenschaften und Werte. Sie können das Fenster CSS-Eigenschaften sowohl in der Quellansicht als auch in der Entwurfsansicht verwenden.
.gif "Hinweis") Hinweis: |
|---|
Im Fenster CSS-Eigenschaften können Sie unter Zugewiesene Regeln mit der rechten Maustaste auf eine Auswahl klicken, um ein Kontextmenü aufzurufen, das zusätzliche Optionen für die Verwendung von Stilen für diese Auswahl enthält. |
Übersicht über das Fenster "CSS-Eigenschaften"
Das Fenster CSS-Eigenschaften untergliedert sich in vier Hauptabschnitte, wie die folgende Abbildung zeigt:
.png)
Die Abschnitte sind die folgenden:
Sortierungsschaltflächen Mit den Schaltflächen am oberen Fensterrand können Sie die Liste von Eigenschaften sortieren. Es ist eine Sortierung der Liste nach Alphabet, Kategorie oder den festgelegten Eigenschaften möglich.
Schaltfläche Zusammenfassung Klicken Sie auf die Schaltfläche Zusammenfassung, 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 Listet alle Stile auf, von denen das Element in der Seite beeinflusst wird. Die weiter unten in der Liste angezeigten Stile haben Vorrang gegenüber Stilen weiter oben. Wenn Sie einen Stil aus dieser Liste auswählen, werden alle Eigenschaften im Abschnitt CSS-Eigenschaften aufgelistet.
CSS-Eigenschaften Hier können Sie CSS-Eigenschaften für einen unter Zugewiesene Regeln gewä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.
Erstellen eines neuen Stils mithilfe des Fensters "CSS-Eigenschaften"
Mithilfe des Fensters CSS-Eigenschaften können Sie einen neuen Stil für ein Element erstellen, das Sie in der Entwurfsansicht, der Quellansicht oder der Geteilten Ansicht ausgewählt haben. Sie können einen Inlinestil erstellen oder das Dialogfeld Neuer Stil aufrufen, um in der Seite oder in einem CSS-Stylesheet einen Stil zu erstellen.
Im Abschnitt Zugewiesene Regeln wird angezeigt, welche Stilregeln auf das Element angewendet werden. Es wird ebenfalls angezeigt, ob es sich um Inlineregeln, um Regeln in einem Stylesheet oder innerhalb der aktuellen Seite handelt. In der folgenden Verfahrensweise wird erläutert, wie Sie einen neuen Stil für ein Element erstellen können. Wenn noch keine Stile zugewiesen wurden, wird im Abschnitt Zugewiesene Formatvorlagen die Meldung keine Regeln zugewiesen angezeigt.
So erstellen Sie einen neuen Stil mithilfe des Fensters "CSS-Eigenschaften"
Wählen Sie im Designer das Element aus, dem eine Stilregel hinzugefügt werden soll.
Wählen Sie in der Quellansicht das betreffende Element einschließlich der Start- und Endtags aus. Wählen Sie in der Entwurfsansicht das Element aus. Im Popup-Tag sollte der Name des Elements angezeigt werden.
Um mithilfe des Fensters CSS-Eigenschaften einen Inlinestil zu erstellen, klicken Sie mit der rechten Maustaste auf den Abschnitt Zugewiesene Regeln und wählen die Option Neue Inlineformatvorlage aus.
Um der Seite einen neuen Stil hinzuzufügen, klicken Sie im Fenster CSS-Eigenschaften mit der rechten Maustaste auf eine beliebige Stelle im Abschnitt Zugewiesene Regeln und wählen die Option Neuer Stil aus.
Wählen Sie in der Liste Zugewiesene Regeln ein Element, eine Element-ID oder eine CSS-Klasse für ein Element aus.
Legen Sie im Abschnitt CSS-Eigenschaften die Stileigenschaften fest.
Ä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.
Siehe auch
Konzepte
Gewusst wie: Verwenden der Fenster "Stile übernehmen" und "Stile verwalten"