樣式產生器對話方塊、文字
更新:2007 年 11 月
[樣式產生器] 對話方塊的 [文字] 頁面,可讓您定義階層式樣式表 (CSS) 文字定位屬性 (Attribute)。您可以直接將這些屬性套用至 HTML 項目,也可以將其加入至 CSS 樣式規則。
若要直接將文字定位屬性套用至網頁的 HTML 項目上
以 [HTML 設計工具] 的 [設計] 檢視開啟您的 HTML 文件檔案,並選取要格式化的文字。
按一下 [格式] 功能表上的 [樣式],開啟 [樣式產生器] 對話方塊。
在 [樣式產生器] 對話方塊的左方窗格中,按一下 [文字]。
[文字] 對話方塊隨即出現在右方窗格中。
當您在 [設計] 檢視選取的文字中套用樣式時,CSS 樣式屬性會以內嵌方式插入至網頁的 HTML 標記。切換至 HTML 檢視來檢閱插入的新樣式屬性。
若要將文字屬性加入在外部樣式表中定義的 CSS 樣式規則中
開啟現有的外部樣式表,並將插入點置於所需樣式選取器之後的大括號 ({ }) 內。
按一下 [樣式] 功能表上的 [建置樣式],開啟 [樣式產生器] 對話方塊。
在 [樣式產生器] 對話方塊的左方窗格中,按一下 [文字]。
[文字] 對話方塊隨即出現在右方窗格中。
注意事項: |
---|
當您開啟外部 CSS 樣式表進行編輯時,[樣式] 功能表隨即出現。在 [樣式] 功能表上,將插入點置於樣式規則選取器後方的大括號之間時,[建置樣式] 選項隨即顯現。 |
定義於外部樣式表的 CSS 樣式類別,可套用至 Web 網頁之 <BODY> 項目內的項目上 (此處包括 <BODY> 本身),方法是指派 CSS 樣式選取器做為項目的 CLASS 屬性 (Property)。
[樣式產生器] 對話方塊之 [文字] 頁面上可用的選項包括:
工作
UI 項目
對齊
注意事項: |
---|
對於下列對齊選項,如果您選取 [<未設定>],則程式碼不會加入至樣式中。 |
水平
為樣式中的格式化文字設定 TEXT-ALIGN 屬性值。選取 [<未設定>] (未選擇選項)、[左]、[置中]、[右] 或 [對齊]。例如,如果選擇 [左],則會插入下列 CSS 標記:TEXT-ALIGN:left
注意事項: 以下您設定的 Letters 和 Lines 值會進行調整,符合 Justified 屬性 (Attribute) 的設定。
垂直
為樣式中的格式化文字設定 VERTICAL-ALIGN 屬性值。選取 [<未設定>] (未選擇選項)、[下標文字] 或 [上標文字]。例如,如果選擇 [下標文字],則會插入下列 CSS 標記:VERTICAL-ALIGN:sub
對齊
為樣式中的格式化文字設定 TEXT-JUSTIFY 屬性值。選擇 [<未設定>] (未選擇選項)、[自動]、[字距]、[新聞樣式]、[分散對齊間距] 或 [全部分散對齊]。例如,如果選擇 [新聞樣式],則會插入下列 CSS 標記:TEXT-JUSTIFY:newspaper
注意事項: 只有在選取水平值的 [對齊] 選項時,才能使用對齊屬性 (Attribute)。
間距
這些選項可以設定字母的間距,以及樣式中格式化文字各行之間的垂直間距。
字母
在樣式中,為格式化文字的字母之間設定水平間距值。選取 [<未設定>] (未選擇選項)、[一般] 或 [自訂]。如果選取 [自訂],就會顯示出 [自訂] 右邊的欄位。在數值欄位中輸入從 1 到 512 之間的值,並選擇單位選項 ([px]、[pt]、[pc]、[mm]、[cm]、[in]、[em] 或 [ex])。您所設定的值會經過調整,以便符合 HORIZONTAL-JUSTIFIED 屬性 (Attribute)。預設單位選項是 pt。例如,如果選擇 [自訂],在數值欄位中輸入 5 並接受預設單位選項,則會插入下列 CSS 標記:LETTER-SPACING:5pt
行
在樣式中,為格式化文字的行與行之間設定垂直間距值。選取 [<未設定>] (未選擇選項)、[一般] 或 [自訂]。如果選取 [自訂],就會顯示出 [自訂] 右邊的欄位。在數值欄位中輸入從 1 到 512 之間的值,並選擇單位選項 ([px]、[pt]、[pc]、[mm]、[cm]、[in]、[em]、[ex] 或 [%])。預設單位選項是 pt。例如,如果選擇 [自訂],在數值欄位中輸入 5 並接受預設單位選項,則會插入下列 CSS 標記:LINE-HEIGHT:5pt
注意事項: HORIZONTAL-JUSTIFIED 屬性 (Attribute) 也會修改垂直行距。
直書/橫書
縮排
為樣式中的格式化文字設定 TEXT-INDENT 屬性值。在數值欄位中輸入從 1 到 512 之間的值,並選擇單位選項 ([px]、[pt]、[pc]、[mm]、[cm]、[in]、[em]、[ex] 或 [%]。預設單位選項是 pt。例如,如果您在數值欄位中輸入 5 並接受預設單位選項,則會插入下列 CSS 標記:TEXT-INDENT:5pt
文字方向
為樣式中的格式化文字設定 DIRECTION 屬性值。選取 [<未設定>] (未選擇選項)、[由左至右] 或 [由右至左]。例如,如果選擇 [由左至右],則會插入下列 CSS 標記:DIRECTION:ltr
注意事項: 這個屬性若為 <未設定>,程式碼不會加入至樣式中。