共用方式為


樣式產生器對話方塊、文字

更新:2007 年 11 月

[樣式產生器] 對話方塊的 [文字] 頁面,可讓您定義階層式樣式表 (CSS) 文字定位屬性 (Attribute)。您可以直接將這些屬性套用至 HTML 項目,也可以將其加入至 CSS 樣式規則。

若要直接將文字定位屬性套用至網頁的 HTML 項目上

  1. 以 [HTML 設計工具] 的 [設計] 檢視開啟您的 HTML 文件檔案,並選取要格式化的文字。

  2. 按一下 [格式] 功能表上的 [樣式],開啟 [樣式產生器] 對話方塊。

  3. 在 [樣式產生器] 對話方塊的左方窗格中,按一下 [文字]。

    [文字] 對話方塊隨即出現在右方窗格中。

當您在 [設計] 檢視選取的文字中套用樣式時,CSS 樣式屬性會以內嵌方式插入至網頁的 HTML 標記。切換至 HTML 檢視來檢閱插入的新樣式屬性。

若要將文字屬性加入在外部樣式表中定義的 CSS 樣式規則中

  1. 開啟現有的外部樣式表,並將插入點置於所需樣式選取器之後的大括號 ({ }) 內。

  2. 按一下 [樣式] 功能表上的 [建置樣式],開啟 [樣式產生器] 對話方塊。

  3. 在 [樣式產生器] 對話方塊的左方窗格中,按一下 [文字]。

    [文字] 對話方塊隨即出現在右方窗格中。

注意事項:

當您開啟外部 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

    注意事項:

    這個屬性若為 <未設定>,程式碼不會加入至樣式中。

請參閱

概念

使用 CSS 概觀

參考

樣式產生器對話方塊、背景

樣式產生器對話方塊、字型

樣式產生器對話方塊、位置

樣式產生器對話方塊、配置

樣式產生器對話方塊、邊緣

樣式產生器對話方塊、清單

樣式產生器對話方塊、其他

色彩選擇器對話方塊