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