|
Dreamweaver CS4 リソース |
縮小可能パネル Widget のカスタマイズプロパティインスペクタでは、縮小可能パネル Widget の簡単な編集は可能ですが、カスタマイズされたスタイル設定タスクはサポートされません。 縮小可能パネル Widget に関する CSS を変更すると、自由にスタイル設定した縮小可能パネルを作成できます。 高度なスタイル設定タスクの詳細については、www.adobe.com/go/learn_dw_sprycollapsiblepanel_custom_jp を参照してください。 次のトピックに登場する CSS ルールは、すべて SpryCollapsiblePanel.css ファイルに格納された初期設定ルールです。 Spry 縮小可能パネル Widget を作成すると、Dreamweaver によってサイトの SpryAssets フォルダに SpryCollapsiblePanel.css ファイルが保存されます。 このファイルには、Widget に適用されるさまざまなスタイルに関する、役に立つコメント付き情報も含まれています。  縮小可能パネル Widget に関するルールは、対応する CSS ファイルで直接編集することもできますが、[CSS スタイル] パネルを使用して縮小可能パネルの CSS を編集することもできます。 [CSS スタイル] パネルでは、Widget のさまざまな部分に割り当てられた CSS クラスを見つけやすくなっています。特に [現在] モードがこの点に優れています。縮小可能パネル Widget のテキストのスタイル設定縮小可能パネル Widget のテキストのスタイルを設定するには、縮小可能パネル Widget コンテナ全体のプロパティを設定するか、Widget の各コンポーネントのプロパティを個別に設定します。  縮小可能パネル Widget のテキストフォーマットを変更するには、次の表を使用して適切な CSS ルールを見つけ、独自のテキストスタイルプロパティおよび値を追加します。
縮小可能パネル Widget の背景色の変更 縮小可能パネル Widget のさまざまな部分の背景色を変更するには、次の表を使用して適切な CSS ルールを見つけ、背景色プロパティおよび値を必要に応じて追加または変更します。
縮小可能パネルの幅の固定初期設定では、縮小可能パネル Widget は使用可能なスペースいっぱいに拡張されます。 ただし、縮小可能パネルのコンテナの幅プロパティを設定すると、縮小可能パネル Widget の幅を制限できます。
|
