Dreamweaverのはじめかた

文字の大きさを変更する

DreamweaverCS5.5で文字の大きさを変更するには、CSSプロパティ「font-size」で設定します。

CSSスタイルで文字の大きさを変更するには、次の手順で行います。

以下に、<h1>要素の文字の大きさを変更するCSSプロパティ「font-size」を同じドキュメント内に設定する例で説明します。

  1. 「ウィンドウ」から「CSSスタイル」を選択し、「CSSスタイル」パネルを表示します。
  2. 表示された「CSSスタイル」パネルの右下にあるアイコン説明: https://lh5.googleusercontent.com/JFVFJmLXFic8Vu6aW32dgUuE6T2qOTbBVQ_Gy2UwjafqDNoyQkn3B9dD1-cQFr4tuUrEXn9NPpnT2i9gC-SUDaBDSxyVfFHbvEbqyCe-c9x7ZG3op1gを選択します。

  3. 表示された「新規CSSルール」パネルを次のように入力し、OKを押します。

    セレクタータイプ:タグ(HTMLエレメントの再定義)
    セレクター名:h1
    ルール定義:(このドキュメントのみ)
  4. 次に表示された「CSSルール定義」ウィンドウのカテゴリが「タイプ」なのを確認し、「Font-size」に数値をいれます。
  5. 「適用」ボタンを押すと、HTMLファイル上のh1要素部分の文字の大きさが変わります。
  6. 「OK」を押して、このパネルを閉じます。
    これで文字の大きさが変更されます。

Dreamweaver CS5.5の操作方法 目次にもどる

このページの上へ
Dreamweaverのはじめかた Dreamweaver CS 5.5編 制作著作/ノンピリオド:村山秀明