CSS 屬性工作窗格

[CSS 屬性] 工作窗格若與開啟的網頁、外部 CSS 檔案，或 [管理樣式] 工作窗格搭配使用，可以檢視及變更現有樣式的屬性與值。

將 [CSS 屬性] 工作窗格與網頁搭配使用時，可以透過此工作窗格快速查看網頁中目前之選擇所使用的所有樣式、這些樣式的優先順序，以及這些樣式的所有屬性與值。

注意事項：
若在 [網頁編輯器選項] 對話方塊的 [製作] 索引標籤中選取的 CSS 結構描述不支援 CSS 屬性，則該屬性的值清單在 [新樣式] 與 [修改樣式] 對話方塊中會呈現為空白，且 [CSS 屬性] 工作窗格中不會列出該屬性。如需詳細資訊，請參閱設定 CSS 的 IntelliSense 選項。

CSS 屬性工作窗格

1. [顯示分類清單] 按鈕 會將各類別的屬性清單加以編排，例如：Font 和 Block。

   [顯示依字母順序排序的清單] 按鈕 會將屬性清單編排成單一個依字母順序的清單。

   [顯示最上層的設定屬性] 按鈕 會將屬性清單加以編排，讓您在所選樣式中設定的屬性顯示在清單的頂端。

2. [摘要] 按鈕會在 [CSS 屬性] 欄下列出所有會對目前選擇造成影響的屬性，而不單只是顯示所選樣式的屬性。在摘要模式時，您可以按一下 [CSS 屬性] 下的屬性，以列出 [套用的規則] 下相關規則的大綱。若要離開摘要模式，請再按一次 [摘要]，或按一下 [套用的規則] 下之規則。

3. [套用的規則] 會列出會對目前選擇造成影響之各樣式的選取器。樣式會依遞增順序列出；最低優先順序者列於清單的頂端，而最高優先順序者則列於底端。

   指向選取器可檢視「工具提示」中的整個規則集。選擇選取器可以在 [CSS 屬性] 下顯示其屬性。按兩下選取器則可到該規則集的程式碼。

4. 此欄會列出套用各樣式的標籤，以及樣式的選取器。指向此欄中的記錄，可查看所套用的規則。所選的樣式若存在於內部的 CSS 中，則此欄會標示為 [本頁]；若所選的樣式存在於外部的 CSS 中，則會將其標示為外部 CSS 檔案的名稱。您可以指向外部 CSS 檔案名稱，檢視此檔案的路徑；或是按一下外部 CSS 檔案名稱，以開啟該檔案。

5. [CSS 屬性] 會列出您在 [套用的規則] 下所選之樣式中設定的屬性值，以及所有未設定的屬性。按兩下屬性，即可到該規則集的程式碼。

6. 若同時選取了 [顯示分類清單] 按鈕 及 [顯示最上層的設定屬性] 按鈕 ，便會將所選樣式的屬性分組在各類別之屬性清單的頂端。

7. 您可以在屬性名稱旁的方塊中輸入值，或指向該方塊然後再按一下隨後出現的向下箭號按鈕 ，或選擇按鈕 並選取值，以設定屬性的值。

8. 劃紅線的屬性由所選樣式所設定，但不是繼承自目前的選擇，或是由其他樣式所覆寫。若要檢視「工具提示」中的詳細資訊，請指向劃掉的屬性。被覆寫屬性的「工具提示」會指出覆寫的屬性。

秘訣：
在 [CSS 屬性] 工作窗格中，若要顯示含有其他可與 CSS 搭配使用之選項的快顯功能表，請以滑鼠右鍵按一下 [套用的規則] 下的選取器。

請參閱

概念

修改樣式

套用樣式工作窗格

建立樣式

從內容中移除樣式

設定 CSS 的 IntelliSense 選項