HOW TO：使用 CSS 屬性視窗

CSS 屬性 ] 視窗可讓您檢視和修改階層式樣式表 (CSS) 樣式屬性。您可以使用 Web Form 網頁中， CSS 屬性 ] 視窗中的設計檢視。您可以使用它在來源任何種類的網頁] 檢視。您也可以使用它與外部 CSS 檔案或管理樣式視窗。

CSS 屬性 ] 視窗會顯示在網頁中目前選取的項目所使用的所有樣式。您也可以查看這些樣式的優先順序，以及這些樣式的所有屬性和值。

要了解 [CSS 屬性] 視窗

CSS 屬性 ] 視窗中包含下列項目。

UI 項目	描述
顯示按鈕	上方視窗所顯示的顯示分類的清單，顯示字母順序的清單，以及顯示在最上面的設定屬性按鈕。這些按鈕，可讓您變更顯示內容中的順序。若要讓已指派的屬性值會顯示在頂端的每個類別中，選擇顯示在最上面的設定屬性。沒有值的屬性會出現在每個類別底部。
摘要	您可以按一下摘要按鈕，列出的所有影響所選的元素的樣式屬性。這個清單包含 [套用的規則] 區段中可能未出現的屬性。
套用的規則	表示樣式規則會套用至項目。如果您從這個清單中選取規則，其指定的屬性是下方的 [CSS 屬性] 區段中反白顯示。如果沒有樣式，套用的規則一節所示不套用規則。清單中較底下的規則，其較高的優先順序高於清單中較高層的規則。以滑鼠右鍵按一下選取器，以顯示快顯功能表，其中包含的樣式，該選擇器的其他選項。
CSS 屬性	這一節，以檢視或設定樣式的 CSS 屬性已在] 下選取 [使用套用的規則。屬性上的紅色刪除線表示這些屬性未由目前選取項目繼承，或者已被另一個樣式覆寫。

提示

如果您按兩下 [套用的規則或 CSS 屬性對於屬性值指派給它，Visual Studio 就會開啟樣式表。規則定義的位置會顯示。或者，您可以為規則或屬性上按一下滑鼠右鍵，然後選擇 [ 移至程式碼。

您可以使用 [CSS 屬性] 視窗，對單一項目或共用 CSS 類別的所有項目變更格式或樣式設定。

[CSS 屬性] 視窗可讓您查看套用至項目的所有樣式。您也可以查看已覆寫的樣式屬性。覆寫的樣式屬性以紅色刪除線顯示，表示該屬性未套用至目前選取的項目。

例如，內嵌樣式規則，並對其套用樣式表中的樣式規則，可以讓項目。在此情況下，內嵌樣式規則會覆寫樣式表規則。