www.wanichan.com

Web > FrontPage > FrontPage 2003 (上級編) > スタイルの活用

文字単位の独自スタイルの適用

文字単位のスタイルの作成方法

外部スタイルシートの作成方法については、「スタイルシートを使って一括処理しよう! Part 2」をご覧ください。

たとえば、F5 キーなど、文字単位にスタイルを指定する方法を紹介します。

このキーボードスタイルは、枠線を付け、パターンの背景色を銀色、枠線から文字列までの間隔を2ピクセルに設定しています。

  1. スタイルシート(CSSファイル) を開きます。ない場合は新規作成します。
  2. スタイルツールバーの[スタイル]をクリックします。
    スタイル
  3. スタイルのダイアログボックスが表示されました。
    右下の[新規作成]ボタンをクリックします。
    スタイル : [新規作成]ボタンをクリック
  4. 名前(セレクタ)に任意の名前(セレクタ)を入力します。
    class属性の場合ははじめに「.」を、ID属性の場合ははじめに「#」をつけて、続けて任意の名前を付けてください。
    FrontPageではclass属性の場合の最初の「.」は省略してもOKです(^^;
    スタイルの種類として文字単位に独自のスタイルを作成するには、[スタイルの種類]ドロップダウンリストボックスの▼印をクリックして、一覧から[文字]を指定してください。
    新しいスタイル
    次に、左下の[書式設定]ボタンをクリックして、一覧から任意の設定をします。
    枠線とパターン : パターン
    枠線とパターン : 枠線
  5. このように設定が完了したら、説明部分に表示されます。[OK]ボタンをクリックします。
    新しいスタイル
  6. スタイルの指定が完了したら、[OK]ボタンをクリックします。
    スタイル

▲Page TOP

文字単位のスタイルを簡単に設定するには

独自のスタイルを設定するには、書式設定ツールバーの[スタイル]を大いに活用してください。
書式設定ツールバー

スタイル→これです(^^;

  1. [書式]→[スタイルシートのリンク]コマンドで、スタイルシートのリンクを設定しておきます。
  2. スタイルを設定したい文字を範囲選択します。
  3. 書式設定ツールバーのスタイルの右側▼印をクリックし、リストより設定したいスタイルの名前(セレクタ)を指定します。
    スタイルを指定

▲Page TOP

スポンサーリンク
INDEX
  • このエントリーをはてなブックマークに追加

問題は解決しましたか?

操作方法、設定方法等で困ったら、 Expression Web Users Forum に投稿してください!

2012年12月21日(日本時間)をもって、Expression Web 4はフリーソフトになりました。FrontPageユーザーの方もダウンロードして使ってみてください。 なお、Expression Web 4すでに購入された方も、問題が修正された無料版にアップグレードすることをお勧めします。

* Expression Web 4 無料版をダウンロード

▲このページのトップへ