樣式產生器對話方塊、邊緣
更新：2007 年 11 月
[樣式產生器] 對話方塊的 [邊緣] 頁面，能讓您定義階層式樣式表 (CSS) 樣式屬性 (Attribute)，這些屬性會決定 HTML 項目周圍區域的框線和邊界。您可以直接將這些屬性套用至 HTML 項目，也可以將其加入至 CSS 樣式規則。
若要直接將邊緣屬性套用至網頁上的 HTML 項目
以 [HTML 設計工具] 的 [設計] 檢視開啟您的 HTML 檔案，然後使用 [文件大綱] 視窗選取要格式化的項目。
按一下 [格式] 功能表上的 [樣式]，開啟 [樣式產生器] 對話方塊。
在 [樣式產生器] 對話方塊的左方窗格中，按一下 [邊緣]。
[邊緣] 對話方塊隨即出現在右方窗格中。
在您格式化 [設計] 檢視中選取的項目時，CSS 樣式屬性會以內嵌方式插入網頁的 HTML 標記中。切換至 HTML 檢視來檢閱插入的新 CSS 樣式屬性。
若要將邊緣屬性加入在外部樣式表中定義的 CSS 樣式中
開啟現有的外部樣式表，並將插入點置於所需樣式選取器之後的大括號 ({ }) 內。
按一下 [樣式] 功能表上的 [建置樣式]，開啟 [樣式產生器] 對話方塊。
在 [樣式產生器] 對話方塊的左方窗格中，按一下 [邊緣]。
[邊緣] 對話方塊隨即出現在右方窗格中。
.gif "注意事項") 注意事項： |
|---|
當您開啟外部 CSS 樣式表進行編輯時，[樣式] 功能表隨即出現。在 [樣式] 功能表上，將插入點置於樣式規則選取器後方的大括號之間時，[建置樣式] 選項隨即顯現。 |
定義於外部樣式表的 CSS 樣式類別，可套用至 Web 網頁 <BODY> 內大部分的項目上，方法是指派 CSS 樣式選取器做為項目的 CLASS 屬性 (Property)。
[樣式產生器] 對話方塊之 [邊界] 頁面上可用的選項包括：
工作
UI 項目
邊界
設定屬性以控制包圍某項目與其他項目之矩形區域之間的距離。在一個或多個欄位 ([上]、[下]、[左] 或 [右]) 中輸入值，然後選取單位選項：[px] (預設值)、[pt]、[pc]、[mm]、[cm]、[in]、[em]、[ex] 或 [%]。例如，如果您在 [上] 和 [下] 欄位中輸入 50，並接受預設單位選項，則會插入下列 CSS 標記：
MARGIN-TOP: 50px; margin-bottom:50px
| 注意事項： |
|---|
邊界值可以是正數或負數。 |
填補
設定屬性以控制項目及其邊界，或者項目及其框線 (如果物件具有框線) 之間的空格數量。在一個或多個欄位 ([上]、[下]、[左] 或 [右]) 中輸入值，然後選取單位選項：[px] (預設值)、[pt]、[pc]、[mm]、[cm]、[in]、[em]、[ex] 或 [%]。例如，如果您在 [上] 或 [下] 欄位中輸入 50，並接受預設單位選項，則會插入下列 CSS 標記：
PADDING-TOP: 50px; PADDING-BOTTOM:50px
| 注意事項： |
|---|
填補值必須為正數。 |
框線
下列屬性 (Attribute) 會控制項目周圍的矩形區域框線。
選取要變更的邊緣
會設定要格式化的框線邊緣。會設定 [所有]、[上]、[下]、[左] 或 [右]。必須先選取框線樣式，程式碼才會加入至樣式中。樣式
會設定要套用到指定框線上的樣式。選取 [<未設定>]、[無]、[實線]、[雙線]、[立體內凹]、[立體浮凸]、[內凹] 或 [外凸]。例如，如果選取 [上] 為選取邊緣，並選取 [實線] 樣式，則會加入下列程式碼：BORDER-TOP-STYLE:solid
寬度
會設定指定框線的寬度。選取 [<未設定> ] (未選擇選項)、[細]、[中]、[粗] 或 [自訂]。如果選取 [自訂]，您便可以在相鄰的欄位中輸入數字，然後選取單位選項：[px] (預設值)、[pt]、[pc]、[mm]、[cm]、[in]、[em]、[ex] 或 [%]。例如，如果選取 [上] 做為選取邊緣，樣式為 [實線]，寬度為 [自訂]，並在欄位中輸入 50，再接受預設單位選項，則會加入下列程式碼：BORDER-TOP:50px solid
色彩
設定樣式中所選取的框線色彩。從下拉式清單中選取色彩，或選擇省略按鈕 (...) 開啟 [色彩選擇器] 對話方塊，再從中選取其他色彩。例如，如果選取 [上] 為選取邊緣，並選取 [實線] 樣式和 [藍色]，則會加入下列程式碼：BORDER-TOP:blue solid