CSS タイププロパティの定義

[CSS ルール定義] ダイアログボックスの [タイプ] カテゴリを使用して、CSS スタイルの基本的なフォントおよびタイプの設定を定義します。

詳細については、CSS を使用したテキストのフォーマットおよび CSS ルールの編集を参照してください。

CSS スタイルのタイプ設定を定義するには :

  1. [CSS スタイル] パネルが開いていない場合は、Shift+F11 キーを押して開きます。
  2. 以下のいずれかの操作を実行して [CSS ルール定義] ダイアログボックスを開きます。
  3. [CSS ルール定義] ダイアログボックスで [タイプ] を選択し、必要なスタイル属性を設定します。

    以下の属性は、このスタイルにおいて重要でない場合は空白にしておきます。

    [フォント] では、スタイルのフォントファミリーを 1 つまたは複数設定します。ブラウザのテキストに使用されるのは、リストにあるフォントのうち、ユーザーのシステムにインストールされている最初のフォントです。Internet Explorer 3.0 でも表示できるようにするには、最初に Windows のフォントを指定してください。フォント属性は、両方のブラウザでサポートされています。

    [サイズ] では、テキストのサイズを定義します。数値とサイズ単位を選択して特定のサイズを選択することも、相対的なサイズを選択することもできます。単位としてピクセルを使用すると、ブラウザでテキストが変形されなくなります。サイズ属性は、両方のブラウザでサポートされています。

    [スタイル] では、フォントスタイルとして [標準]、[イタリック]、または [オブリーク] を指定します。初期設定は [標準] です。スタイル属性は、両方のブラウザでサポートされています。

    [ライン高] では、テキストが配置される行の高さを設定します。この設定は一般に「行間」と呼ばれます。[標準] を選択すると、フォントサイズに適した高さが自動的に計算されます。または、正確な数値を入力し、使用する単位を選択します。ラインの高さ属性は、両方のブラウザでサポートされています。

    [飾り] では、テキストにアンダーライン、オーバーライン、または取り消し線を付けます。テキストを点滅させることもできます。標準テキストの初期設定は [なし] です。リンクの初期設定は [アンダーライン] です。このオプションを [なし] に設定すると、特別なクラスを定義することによって、リンクからアンダーラインを削除できます。飾り属性は、両方のブラウザでサポートされています。

    [ウエイト] を使用して、特定または相対的な太さをフォントに適用します。[標準] は 400、[ボールド] は 700 に相当します。ウエイト属性は、両方のブラウザでサポートされています。

    [バリアント] を使用して、テキストにスモールキャプスを設定します。Dreamweaver のドキュメントウィンドウでは、この属性は表示されません。バリアント属性は、Internet Explorer ではサポートされていますが、Netscape Navigator ではサポートされていません。

    [大文字/小文字] では、選択範囲の各単語の最初の文字を大文字にするか、あるいはテキストのすべての文字を大文字または小文字にするかを設定します。大文字/小文字属性は、両方のブラウザでサポートされています。

    [カラー] では、テキストカラーを設定します。カラー属性は、両方のブラウザでサポートされています。

  4. オプションの設定が終了したら、パネルの左側で別の CSS カテゴリを選択してさらにスタイル属性を設定するか、[OK] をクリックします。