[テキスト] ([スタイルビルダ] ダイアログボックス)

[アーティクル]
09/30/2008

更新 : 2007 年 11 月

[スタイルビルダ] ダイアログボックスの [テキスト] ページでは、カスケードスタイルシート (CSS) のテキストの位置属性を定義できます。これらの属性を HTML 要素に直接適用、または CSS スタイル規則に追加できます。

テキストの位置属性をページの HTML 要素内のテキストに直接適用するには

HTML デザイナのデザインビューで HTML ドキュメントを開き、書式を指定するテキストを選択します。
[書式] メニューの [スタイル] をクリックして [スタイルビルダ] ダイアログボックスを表示します。
[スタイルビルダ] ダイアログボックスの左側のペインで [テキスト] をクリックします。

右側のペインに [[テキスト] ([スタイルビルダ] ダイアログボックス)] が表示されます。

デザインビューで選択されているテキストにスタイルを適用すると、ページの HTML マークアップに CSS スタイル属性がインラインで挿入されます。HTML ビューに切り替えて、挿入された新しいスタイル属性を確認します。

外部スタイルシートで定義された CSS スタイル規則にテキスト属性を追加するには

既存の外部スタイルシートを開き、該当するスタイルのセレクタに続く中かっこ ({ }) の中にカーソルを移動します。
[スタイル] メニューの [ビルドスタイル] をクリックして [スタイルビルダ] ダイアログボックスを表示します。
[スタイルビルダ] ダイアログボックスの左側のペインで [テキスト] をクリックします。

右側のペインに [[テキスト] ([スタイルビルダ] ダイアログボックス)] が表示されます。

メモ :
[スタイル] メニューは、外部 CSS スタイルシートを開いて編集するときに表示されます。スタイルルールのセレクタに続く中かっこの中にカーソルを移動すると、[スタイル] メニューの [ビルドスタイル] オプションを使用できるようになります。

CSS スタイルセレクタを目的の要素の CLASS プロパティとして割り当てると、外部スタイルシートで定義されている CSS スタイルクラスを Web ページの <BODY> 要素内の要素（この場合は <BODY> 自体を含む）に適用できます。

[スタイルビルダ] ダイアログボックスの [テキスト] ページでは、次のオプションを使用できます。

処理手順

UI 要素

[配置]

メモ :
次の配置オプションの [<設定なし>] を選択した場合、スタイルにコードは追加されません。

[左右]
TEXT-ALIGN 属性をスタイルのテキストフォーマットに設定します。[<設定なし>] (オプションを選択しない)、[左]、[中央]、[右]、または [均等割り付け] のいずれかを選択します。たとえば、[左] を選択すると、次の CSS マークアップが挿入されます。

TEXT-ALIGN:left

メモ :

以降で設定する Letters 値と Lines 値は、[均等割り付け] 属性に応じて調整されます。
[上下]
VERTICAL-ALIGN 属性をスタイルのテキストフォーマットに設定します。[<設定なし>] (オプションを選択しない)、[下付き]、または [上付き] のいずれかを選択します。たとえば、[下付き] を選択すると、次の CSS マークアップが挿入されます。

VERTICAL-ALIGN:sub
[配置]
TEXT-JUSTIFY 属性をスタイルのテキストフォーマットに設定します。[<設定なし>] (オプションを選択しない)、[自動]、[単語のスペース]、[新聞スタイル]、[間隔を配置]、または [すべての行を配置] のいずれかを選択します。たとえば、[新聞スタイル] を選択すると、次の CSS マークアップが挿入されます。

TEXT-JUSTIFY:newspaper

メモ :

[配置] 属性は、[左右] 値に [均等割り付け] を選択した場合にだけ利用できます。

メモ :
以降で設定する Letters 値と Lines 値は、[均等割り付け] 属性に応じて調整されます。

メモ :
[配置] 属性は、[左右] 値に [均等割り付け] を選択した場合にだけ利用できます。

[間隔]

スタイルで書式化されるテキストの文字間隔と行間隔を設定します。

[英字]
このスタイルで書式化されるテキストの文字間隔を設定します。[<設定なし>] (オプションを選択しない)、[標準]、または [カスタム] のいずれかを選択します。[カスタム] を選択すると、[カスタム] の右のフィールドが使用できるようになります。数字フィールドに 1 ～ 512 の数字を入力し、単位オプション ([px]、[pt]、[pc]、[mm]、[cm]、[in]、[em]、または [ex]) を選択します。設定した値は、HORIZONTAL-JUSTIFIED 属性に応じて調整されることがあります。既定の単位は pt です。たとえば、[カスタム] を選択し、数字フィールドに「5」と入力し、既定の単位を受け入れた場合は、次の CSS マークアップが挿入されます。

LETTER-SPACING:5pt
[行]
このスタイルで書式化されるテキストの行間隔を設定します。[<設定なし>] (オプションを選択しない)、[標準]、または [カスタム] のいずれかを選択します。[カスタム] を選択すると、[カスタム] の右のフィールドが使用できるようになります。数字フィールドに 1 ～ 512 の値を入力し、単位オプション ([px]、[pt]、[pc]、[mm]、[cm]、[in]、[em]、[ex]、または [%]) を選択します。既定の単位は pt です。たとえば、[カスタム] を選択し、数字フィールドに「5」と入力し、既定の単位を受け入れた場合は、次の CSS マークアップが挿入されます。

LINE-HEIGHT:5pt

メモ :

行間隔も HORIZONTAL-JUSTIFIED 属性に応じて変更されることがあります。

メモ :
行間隔も HORIZONTAL-JUSTIFIED 属性に応じて変更されることがあります。

[テキストフロー]

[インデント幅]
TEXT-INDENT 属性をスタイルのテキストフォーマットに設定します。数字フィールドに 1 ～ 512 の値を入力し、単位オプション ([px]、[pt]、[pc]、[mm]、[cm]、[in]、[em]、[ex]、または [%]) を選択します。既定の単位は pt です。たとえば、数字フィールドに「5」と入力し、既定の単位を受け入れた場合は、次の CSS マークアップが挿入されます。

TEXT-INDENT:5pt
[テキストの方向]
DIRECTION 属性をスタイルのテキストフォーマットに設定します。[<設定なし>] (オプションを選択しない)、[左から右]、または [右から左] のいずれかを選択します。たとえば、[左から右] を選択すると、次の CSS マークアップが挿入されます。

DIRECTION:ltr

メモ :

属性が [<設定なし>] の場合、スタイルにコードは追加されません。