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

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

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

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

    • ファイル/ページプロパティをクリックします。
    • ウィンドウ/ページプロパティをクリックし、テキストのプロパティインスペクターの「ページプロパティ」をクリックします。
  2. ページプロパティパネルで、「見出し(CSS)」を選択します。次のオプションを設定できます。

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

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

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

注意:

ページの個々のリンクをカスタマイズするには、個々の CSS ルールを作成し、それらをリンクに個別に適用する必要があります。

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

    • ファイル/ページプロパティをクリックします。
    • ウィンドウ/ページプロパティをクリックし、テキストのプロパティインスペクターの「ページプロパティ」をクリックします。
  2. 「カテゴリー」オプションで、「リンク(CSS)」を選択します。

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

     

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー