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