CSS 見出しプロパティおよび CSS リンクプロパティの設定

最終更新日 : 2021年4月27日

CSS 見出しプロパティと CSS リンクプロパティを設定し、ページのすべての見出しおよびリンクに適用する方法について説明します。

ページの見出しのフォント、フォントサイズ、色を指定できます。 デフォルトでは、Dreamweaver によって見出しの CSS ルールが作成され、ページで使用するすべての見出しに適用されます。 それらのルールは、ページの head セクションに埋め込まれます。

CSS の見出しプロパティを適用するには:

次のいずれかの操作を実行します。

  • ファイル/ページプロパティをクリックします。
  • ウィンドウ/ページプロパティをクリックし、テキストプロパティインスペクターでページプロパティをクリックします。

ページプロパティパネルで、「見出し(CSS)」を選択します。 次のオプションを設定できます。

  • 見出しのフォント:見出しで使用する初期設定のフォントファミリーを指定します。 Dreamweaver では、テキストエレメントに別のフォントが設定されていない限り、ここで指定したフォントファミリーが使用されます。
  • 見出し1から見出し6:最大6つのレベルの見出しタグに使用するフォントサイズと色を指定します。

ページ全体の CSS リンクプロパティの設定

リンクのフォント、フォントサイズ、色、 その他の項目を指定できます。デフォルトでは、Dreamweaverが リンクのCSSルールを作成し、ページで使用するすべてのリンクに適用します。(ルールはページのheadセクション に埋め込まれます。)

メモ

ページ上の個別のリンクを カスタマイズしたい場合は、個別のCSSルールを作成してから、 リンクに個別に適用する必要があります。

次のいずれかの操作を実行します。

  • ファイル/ページプロパティをクリックします。
  • ウィンドウ/ページプロパティをクリックし、テキストプロパティインスペクターでページプロパティをクリックします。

カテゴリオプションからリンク(CSS)を選択します。

  • リンクフォント:リンクテキストで使用する初期設定のフォントファミリーを指定します。 初期設定では、別のフォントが指定されていない限り、ページ全体に対して指定されたフォントファミリーが使用されます。
  • サイズ:リンクテキストに使用するデフォルトのフォントサイズを指定します。
  • リンクの色:リンクテキストに適用する色を指定します。
  • 訪問済みリンク:訪問済みリンクに適用する色を指定します。
  • ロールオーバーリンク:マウス(またはポインター)がリンクの上をホバーした時に適用する色を指定します。
  • アクティブリンク:マウス(またはポインター)がリンクをクリックした時に適用する色を指定します。
  • アンダーライン:リンクに適用するアンダーラインを指定します。 例えば、外部 CSS スタイルシートを通して、ページで既にアンダーラインのリンクスタイルが定義されている場合は、アンダーラインメニューは "変更しない" オプションに設定されます。 このオプションにより、定義済みのリンクスタイルについて警告されます。 ページプロパティダイアログボックスでアンダーラインのリンクスタイルを変更すると、前のリンク定義が変更されます。