スタイル ルールの作成

[ライブ DOM] パネルで gameBody 要素を選択すると、アートボード上の gameBody div はコンテンツに合わせてサイズが変わりますが、ゲーム ボードとしては大きくなり過ぎます。

gameBody div のサイズを変更するには、default.css の gameBody 要素に新しいスタイル ルールを追加します。

スタイル ルールを作成するには

• [ライブ DOM] パネルで gameBody 要素を選択します。[CSS のプロパティ] パネルで、[適用されているスタイル ルール] の横にある [選択した要素からスタイル ルールを作成] をクリックし、[要素 ID からスタイル ルールを作成] を選択します。

  ヒント

  [CSS プロパティ] パネルが表示されていない場合は、[ウィンドウ] メニューの [CSS プロパティ] をクリックします。

新しいスタイル ルールがスタイル シートに追加され、新しいスタイル ルールのセレクターが自動的に #gameBody に設定されます。