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

はじめに

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

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

操作手順

1. インラインスタイルが適用されたブロックを選択します。
2. ［スタイルの適用］パネルの［インラインパネル］を右クリックして、ショートカットメニューから［新しいスタイルのコピー］をクリックします。
   
3. セレクターボックスに名前を指定します。作業中のWebページに存在するIDスタイルは下の図のように一覧から選択すると確実です。
   
4. ［定義先］ボックスには［既存のスタイルシート］を選択し、［URL］ボックスに適用先のCSSファイルを選択して［OK］ボタンをクリックします。
   
5. 該当するボックスが選択されていることを確認して、［スタイルの適用］パネルからそのスタイルをクリックして適用します。
   
6. ［インラインスタイル］を右クリックして［インラインスタイルの解除］をクリックします。
   

前のページ 次のページ