|
|
プロパティインスペクタでのテキストプロパティの設定
テキストのプロパティインスペクタを使用して、HTML フォーマットまたは CSS フォーマットを適用することができます。 HTML フォーマットを適用すると、ページ本文の HTML コードにプロパティが追加されます。CSS フォーマットを適用すると、ドキュメントのページヘッド内、または別のスタイルシート内にプロパティが書き込まれます。
注意： CSS インラインスタイルを作成すると、ページ本文にスタイル属性コードが直接追加されます。
プロパティインスペクタでの CSS ルールの編集- プロパティインスペクタが開いていない場合は、[ウィンドウ]-[プロパティ] を選択して開き、[CSS] ボタンをクリックします。
- 次のいずれかの操作を実行します。
- CSS プロパティインスペクタで、各種のオプションを使用してルールに変更を加えます。
- ターゲットのルール
- CSS プロパティインスペクタでの編集対象となるルールを示します。テキストに何らかの既存スタイルを適用している場合、ページ上で目的のテキスト内をクリックすると、そのフォーマットに影響を及ぼしているルールが表示されます。また、[ターゲットのルール] ポップアップメニューでは、新規 CSS ルールの作成、新規インラインスタイルの作成、および、選択したテキストに対する既存クラスの適用もできます。新規ルールを作成する場合は、[新規 CSS ルール] ダイアログボックスで必要な事項を入力します。詳細については、このトピックの末尾に示すリンクを参照してください。
- ルールの編集
- ターゲットのルールに対する [CSS ルール定義] ダイアログボックスを開きます。 ただし、[ターゲットのルール] ポップアップメニューから [新規 CSS ルール] を選択して [ルールの編集] ボタンをクリックした場合は、新規の [CSS ルール定義] ダイアログボックスが表示されます。
- CSS パネル
- [CSS スタイル] パネルを開き、ターゲットのルールに関するプロパティを現在のビューに表示します。
- フォント
- ターゲットのルールで使用するフォントを変更します。
- サイズ
- ターゲットのルールで使用するフォントサイズを設定します。
- テキストカラー
- ターゲットのルールで使用するフォントカラーを指定します。カラーボックスをクリックして Web セーフカラーを選択するか、その横のテキストフィールドに #FF0000 などの 16 進数値を入力します。
- ボールド
- ターゲットのルールにボールドのプロパティを追加します。
- イタリック
- ターゲットのルールにイタリックのプロパティを追加します。
- 左揃え、中央揃え、右揃え
- ターゲットのルールにそれぞれの整列プロパティを追加します。
注意： [フォント]、[サイズ]、[テキストカラー]、[ボールド]、[イタリック]、[行揃え] の各プロパティには、ドキュメントウィンドウで現在選択されている範囲に適用されるルールのプロパティが常に表示されます。プロパティに変更を加えると、ターゲットのルールに変更を加えることになります。
プロパティインスペクタでの HTML フォーマットの設定- プロパティインスペクタが開いていない場合は、[ウィンドウ]-[プロパティ] を選択して開き、[HTML] ボタンをクリックします。
- フォーマットしたいテキストを選択します。
- 選択したテキストに適用するオプションを設定します。
- フォーマット
- 選択したテキストの段落スタイルを設定します。 たとえば、[段落] を選択すると <p> タグの初期設定のフォーマットが適用され、[見出し 1] を選択すると H1 タグが追加されます。
- ID
- 選択範囲に ID を割り当てます。 [ID] ポップアップメニュー (該当する場合) には、そのドキュメントについて宣言されている未使用の ID が一覧表示されます。
- クラス
- 選択したテキストに現在適用されているクラススタイルを表示します。 選択範囲にスタイルがまったく適用されていない場合は、ポップアップメニューに [CSS スタイルなし] と表示されます。 選択範囲に複数のスタイルが適用されている場合は、メニューに何も表示されません。
[スタイル] メニューを使用して、以下のいずれかの操作を行います。
選択範囲に適用するスタイルを選択します。
[なし] を選択すると、現在選択しているスタイルが削除されます。
[名前の変更] を選択すると、スタイルの名前を変更できます。
[スタイルシートを添付] を選択すると、ページに外部スタイルシートを関連付けるダイアログボックスが開きます。
- ボールド
- [環境設定] ダイアログボックスの [一般] カテゴリのスタイルの環境設定に従って、選択したテキストに <b> または <strong> が適用されます。
- イタリック
- [環境設定] ダイアログボックスの [一般] カテゴリのスタイルの環境設定に従って、選択したテキストに <i> または <em> が適用されます。
- リスト
- 選択したテキストのブレットリストを作成します。 テキストが選択されていない場合は、新しいブレットリストが開始します。
- 番号リスト
- 選択したテキストの番号リストを作成します。 テキストが選択されていない場合は、新しい番号リストが開始します。
- インデントおよびインデント解除
- blockquote タグが適用または削除され、選択したテキストのインデントが設定または解除されます。 リストにインデントを設定するとネストしたリストが作成され、インデントを解除するとリストのネストが解除されます。
- リンク
- 選択したテキストのハイパーテキストリンクを作成します。 フォルダアイコンをクリックしてサイト内のファイルを参照するか、URL を入力します。または、[ファイルの指定] アイコンを [ファイル] パネル内のファイルにドラッグするか、[ファイル] パネル内のファイルをボックスにドラッグします。
- タイトル
- ハイパーテキストリンクに対するツールヒントのテキストを指定します。
- ターゲット
- リンクされたドキュメントをロードするフレームまたはウィンドウを指定します。
_blank は、リンクされたファイルを新規のブラウザウィンドウにロードします。
_parent を選択すると、リンクされたファイルは、リンクが含まれているフレームの親フレームセットまたはウィンドウにロードされます。 リンクを含むフレームがネストされていない場合は、リンクされているファイルは、ブラウザウィンドウ全体にロードします。
_self は、リンクされたファイルを、リンクと同じフレームまたはウィンドウにロードします。 このターゲットはあらかじめ指定されているので、通常は指定する必要がありません。
_top は、リンクされたファイルをブラウザウィンドウ全体にロードして、すべてのフレームを削除します。
|
