更新：2007 年 11 月
[樣式產生器] 對話方塊的 [配置] 頁面，可讓您定義階層式樣式表 (CSS) 頁面配置屬性 (Attribute)。頁面配置屬性可判斷項目如何放置在 HTML 資料流的流程中。您可以直接將這些屬性套用至 HTML 項目，也可以將其加入至 CSS 樣式規則。
若要直接將頁面配置屬性套用至網頁的 HTML 項目上
以 [HTML 設計工具] 的 [設計] 檢視開啟您的 HTML 檔案，然後使用 [文件大綱] 視窗選取要格式化的項目。
按一下 [格式] 功能表上的 [樣式]，開啟 [樣式產生器] 對話方塊。
在 [樣式產生器] 對話方塊的左方窗格中，按一下 [配置]。
[配置] 對話方塊隨即出現在右方窗格中。
當您在 [設計] 檢視選取的項目中套用樣式時，CSS 樣式屬性會以內嵌方式插入至這些項目的 HTML 標記。切換至 HTML 檢視來檢閱插入的新樣式屬性。
若要將配置屬性加入在外部樣式表中定義的 CSS 樣式規則中
開啟現有的外部樣式表，並將插入點置於所需樣式規則選取器之後的大括號 ({ }) 內。
按一下 [樣式] 功能表上的 [建置樣式]，開啟 [樣式產生器] 對話方塊。
在 [樣式產生器] 對話方塊的左方窗格中，按一下 [配置]。
[配置] 對話方塊隨即出現在右方窗格中。
.gif "注意事項") 注意事項： |
|---|
當您開啟外部 CSS 樣式表進行編輯時，[樣式] 功能表隨即出現。在 [樣式] 功能表上，將插入點置於樣式規則選取器後方的大括號之間時，[建置樣式] 選項隨即顯現。 |
定義於外部樣式表的 CSS 樣式類別，可套用至 Web 網頁之 <BODY> 項目內的項目上 (此處包括 <BODY> 本身)，方法是指派 CSS 樣式選取器做為項目的 CLASS 屬性 (Property)。
[樣式產生器] 對話方塊之 [配置] 頁面上可用的選項包括：
工作
UI 項目
流量控制
本屬性集合可控制 HTML 文件內項目的流量。[流量控制] 選取器旁邊的預覽區域，會隨著您選取的選項進行更新。在瀏覽器中檢視頁面時，下列屬性 (Attribute) 同時會影響到外觀與效果。
可視性
為可見度屬性設定隱藏 (看不見) 或可見值。選取 [<未設定>](未選擇選項)、[隱藏] 或 [可見]。例如，如果選擇 [隱藏]，則會插入下列 CSS 標記：VISIBILITY:hidden
注意事項：這個屬性為 [<未設定>] 時，程式碼不會加入至樣式中。
顯示
設定項目的 DISPLAY 屬性值。您可以指定項目是否要顯示，以及顯示的項目要顯示為區塊項目或在線性流程中顯示。選取 [<未設定>](未選擇選項)、[不顯示]]、[當做區塊項目] 或 [當做流程項目]。區塊項目通常會從新行開始，且不可大於父系容器。例如，<BODY> 項目內的 <H1> 樣式項目，不能大於包含 <BODY> 的項目。內嵌項目通訊不從新行開始，且根據其本身內容的高度和寬度製訂大小。例如，如果選擇 [當做區塊項目]，則會插入下列 CSS 標記：DISPLAY:block
注意事項：當屬性 (Attribute) 值為 [<未設定>] 時，樣式中不會加入任何程式碼。
注意事項：Visibility 和 Display 屬性 (Property) 雖然有關聯，但卻不相同。隱藏項目並無法減少瀏覽器顯示頁面所需要的時間。不過，瀏覽器會忽略不出現的項目。因此，瀏覽器顯示含有不出現項目的頁面，其速度會快於顯示含有但隱藏同樣項目的頁面。此外，將文字以隱藏項目包圍時，文字看起來像是受到空白字元包圍。選取配置屬性時請考慮這些相依性。
允許文字流動
設定屬性以判斷文字如何在項目中流動。選取 [<未設定>] (未選擇選項)、[不允許文字在旁邊]、[在右方] 或 [在左方]。例如，如果選擇 [在右方]，則會插入下列 CSS 標記：FLOAT:left
注意事項：這個屬性為 [<未設定>] 時，程式碼不會加入至樣式中。
允許浮動物件
設定屬性以控制物件可允許在頁面何處浮動。選取 [<未設定>] (未選擇選項)、[另一邊] (物件可以在頁面的左邊或右邊浮動)、[僅在右邊] (物件只能在頁面右邊浮動)、[僅在左邊] (物件只能在頁面左邊浮動) 或 [不允許] (物件不能在頁面上浮動)。例如，如果選擇 [僅在右邊]，則會插入下列 CSS 標記：CLEAR:left
注意事項：這個屬性為 [<未設定>] 時，程式碼不會加入至樣式中。
內容
溢位
當項目不只包含已定義的項目高度和寬度，而包含更多內容時，設定控制項目行為的屬性。選取 [<未設定>] (未選擇選項)、[必要時使用捲軸] (如果內容超過已定義的項目大小時，就會出現捲軸)、[永遠使用捲軸] (捲軸固定會出現在頁面上)、[未裁剪內容] (將項目擴大，以容納所有內容) 或 [已裁剪內容] (超過項目大小的內容就不出現)。例如，如果選擇 [未裁剪內容]，則會插入下列 CSS 標記：OVERFLOW:visible
注意事項：當屬性 (Attribute) 值為 [<未設定>] 時，樣式中不會加入任何程式碼。
裁剪
設定屬性以控制要顯示項目的哪些矩形部分。例如，您可以只顯示項目的右上角。在一個或多個欄位 ([上]、[下]、[左] 或 [右]) 中輸入值，然後選取單位選項：[px] (預設值)、[pt]、[pc]、[mm]、[cm]、[in]、[em]、[ex] 或 [%]。
僅裁剪絕對位置項目。您指定的值與項目的界限相關聯。例如，如果設定 Top 裁剪值為 40px，則位於項目中 0px (項目頂端) 和 40px 之間的部分就不會顯示。同樣地，如果您在 [上]、[下] 欄位中輸入 50，並接受預設單位選項，則會插入下列 CSS 標記：
CLIP: rect(50px auto 50px auto)
| 注意事項： |
|---|
如果將值指派給 4 個以下的裁剪欄位，其餘欄位就會被指派 auto 值，且不會裁剪未指派的界限。 |
列印分頁符號
下列屬性 (Attribute) 可使用樣式控制項目的分頁時機：
Before
選取 [<未設定>] (未選擇選項)、[自動] 或 [強制分頁]。例如，如果選擇 [強制分頁]，則會插入下列 CSS 標記：PAGE-BREAK-BEFORE:always
After
選取 [<未設定>] (未選擇選項)、[自動] 或 [強制分頁]。例如，如果選擇 [強制分頁]，則會插入下列 CSS 標記：PAGE-BREAK-AFTER:always