本文へジャンプ

FAQ キーワード検索


製品名

：ホームページ・ビルダー

バージョン

：2001, 6, 6.5, 7, 8, 9, 10, 11, 12, 13

QA番号

：HPB-0545

質問


水平線に色をつけたい

回答


いくつかの方法があります。わかりやすいもの、操作または管理しやすいものをご利用ください。

スタイルを使用して設定する方法

注意
スタイルの設定方法はいろいろありますが、細かな設定を行う場合には HTML や CSS の知識が必要になります。


V13+V12+V11

  1. 水平線を選択し、メニューバーから「編集」→「属性の変更」を選択します。
    「属性」ダイアログが表示されます。
  2. [水平線] タブの [スタイル] ボタンをクリックします。
    「スタイルの設定」ダイアログが表示されます。
  3. [色と背景］ タブをクリックし、[前景色] で好みの色を選択します。
  4. [OK] ボタンをクリックし、「スタイルの設定」ダイアログを閉じます。
    「属性」ダイアログに戻ります。
  5. [OK] ボタンをクリックし、「属性」ダイアログを閉じます。
    水平線に設定した色が反映されます。

V10+V9+V8+V7+V6.5+V6+2001

  1. 水平線を選択し、メニューバーから「編集」→「属性の変更」を選択します。
    「属性」ダイアログが表示されます。
  2. [水平線] タブの [スタイル] ボタンをクリックします。
    「スタイルの編集」ダイアログが表示されます。
  3. [現在のタグのみにスタイルを設定] の [編集 (4) ] をクリックします。
    「スタイルの設定」ダイアログが表示されます。
  4. [色と背景］(もしくは [[カラーと背景]) タブをクリックし、[前景色] で好みの色を選択します。
  5. [OK] ボタンをクリックし、「スタイルの設定」ダイアログを閉じます。
    「属性」ダイアログに戻ります。
  6. [OK] ボタンをクリックし、「属性」ダイアログを閉じます。
    水平線に設定した色が反映されます。

ドキュメントアウトライナを使用して <HR> タグに直接色の設定をする方法


注意

  • 〔V13〕〔V12〕〔V11〕〔V10〕〔V9〕〔V8〕〔V7〕〔かんたん〕 の場合、以下の方法ではできません。編集スタイルを 〔スタンダード〕 または 〔エディターズ〕 に変更してから操作を行ってください。編集スタイルは、メニューバーから「表示」→「編集スタイルの切り替え」で切り替えてください。

  • 設定した色は Web ブラウザの種類やバージョンによっては、サポートされておらず、反映されない場合があります。


V13+V12+V11+V10

  1. 色を変更したい水平線を選択します。
  2. [タグ一覧] タブをクリックします。([タグ一覧ビュー] が表示されていない場合は、メニューバーから 「表示」→「タグ一覧ビュー」 を選択します。)
  3. 表示された属性から、[color] を選択し、値の欄をクリックします。
  4. [(未指定)] を削除し、左側の [...] ボタンをクリックします。
    「色の設定」ダイアログが表示されます。
  5. 好みの色を選択し、[OK] ボタンをクリックします。
  6. プレビュー画面に切り替え、設定した色が反映されているか確認します。


V9+V8+V7

  1. 色を変更したい水平線を選択します。
  2. メニューバーから「表示」→「属性/ドキュメントアウトライナ/ページ一覧」(V7 の場合は「属性/ドキュメントアウトライナ」) を選択します。
  3. 表示されたドキュメント アウトライナの属性から、[color] を選択し、値の欄をクリックします。
  4. [(未指定)] を削除し、左側の [...] ボタンをクリックします。
    「色の設定」ダイアログが表示されます。
  5. 好みの色を選択し、[OK] ボタンをクリックします。
  6. プレビュー画面に切り替え、設定した色が反映されているか確認します。


V6.5+V6

  1. 色を変更したい水平線を選択します。
  2. メニューバーから「表示」→「ドキュメントアウトライナ」を選択します。
  3. 表示されたドキュメント アウトライナの属性から、[(未定義)] を選択し、[color] と入力します。
    一覧に [color] が作成されます。
  4. 値の欄をクリックし、[(値なし)] を削除します。
  5. 設定したい色を16進コード (#RRGGBB) または colorname (red、blueなど) で指定し、 [Enter] キーを押します。
  6. プレビュー画面に切り替え、設定した色が反映されているか確認します。

HTML ソース画面で直接入力する方法

注意
以下の操作は HTML ソースを直接編集します。HTML ソースの編集に伴う結果については、一切の保証をいたしません。お客様の責任においてのみ行なってください。(HTML ソースを編集する際には、あらかじめ別名ファイルに保存してから、編集することをお勧めいたします。)

<HR COLOR="※">
※ #RRGGBB（16進コード）または colorname (red、blueなど) を指定します。


注意

  • ドキュメント アウトライナおよび HTML ソースを直接編集した場合、ページ編集画面では色が反映されません。プレビュー画面に切り替えてご確認ください。

  • V6.5、V6 でドキュメント アウトライナ及び HTML ソースを直接編集した場合、HTML ソース画面で見るとタグがエラー表示色 (初期設定：赤) で表示されます。



最終更新日：2009年01月30日