www.wanichan.com

インラインスタイルからIDやクラススタイルに変換するには

Section 4 レイヤーとDIVの操作
  • このエントリーをはてなブックマークに追加
インラインスタイルとして適用されたスタイルを、ほかのWebページでも共用するために、IDまたはクラススタイルに変換する方法について説明します。

はじめに

インラインスタイルとして生成されたスタイルは、ほかのWebページと共通利用することができません。そこで、ほかのWebページでも使いまわしたい場合、以下の手順にしたがいます。

  1. インタインスタイルからスタイルを新規作成(スタイルの定義先をCSSファイルに指定する)
  2. インタインスタイルブロックに新規作成したスタイルを適用
  3. インタインスタイルを解除

操作手順

  1. インラインスタイルが適用されたブロックを選択します。
  2. [スタイルの適用]パネルの[インラインパネル]を右クリックして、ショートカットメニューから[新しいスタイルのコピー]をクリックします。
  3. セレクターボックスに名前を入力します。IDスタイルであれば最初の「.」も完全に消してから「#」からはじまるセレクター名を入力、クラススタイルであれば任意の名前を入力します。
  4. [定義先]ボックスには[既存のスタイルシート]を選択し、[URL]ボックスに適用先のCSSファイルを選択して[OK]ボタンをクリックします。
  5. 該当するボックスが選択されていることを確認して、[スタイルの適用]パネルからそのスタイルをクリックして適用します。
  6. [インラインスタイル]を右クリックして[インラインスタイルの解除]をクリックします。
次のセクション
INDEX
  • このエントリーをはてなブックマークに追加

問題は解決しましたか?

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

▲このページのトップへ