次の方法で共有

[書式] タブ ([<DataList> プロパティ] ダイアログ ボックス)

  • [アーティクル]

更新 : 2007 年 11 月

[<DataList> プロパティ] ダイアログ ボックスの [書式] タブでは、一覧内のテキストのフォントと色を設定できます。一覧全体に対して、またはヘッダー、フッター、アイテムの種類など、一覧の個別の部分に対して、オプションを指定できます。

このダイアログ ボックスを表示するには

  1. Microsoft Visual Web Developer でデザイン ビューに切り替えます。

  2. ツールボックスの DataList コントロールを選択するか追加します。

  3. DataList コントロールを右クリックし、[スマート タグの表示] をクリックします。

    [DataList タスク] ダイアログ ボックスが表示されます。

  4. [プロパティ ビルダ] をクリックします。

    [<DataList> プロパティ] ダイアログ ボックスが表示されます。

  5. [書式] タブをクリックします。

処理手順

UI 要素

[オブジェクト]

[オブジェクト] ツリーに要素の一覧が表示されます。各要素には、表示ペインで設定を選択してオプションを設定できます。

  • [DataList]
    DataList コントロールの書式指定オプションを設定します。ほかの要素に設定したオプションによって、一覧全体の設定はオーバーライドされます。

  • [ヘッダー]
    たとえば、HeaderTemplate 要素内のヘッダー テキストの書式を設定します。

  • [フッター]
    たとえば、FooterTemplate 要素内のフッター テキストの書式を設定します。

  • [項目]
    ツリーを展開して、フォントと色のオプションを設定する子アイテムの一覧を表示します。

    項目

    説明

    [標準項目]

    [項目の変更] で別の書式が設定されていなければ、DataList コントロールのすべての行に表示されるテキストの書式を設定します。

    [項目の変更]

    2 行目から始まる交互の行に表示されるテキストの書式を設定します。

    [選択されたアイテム]

    アプリケーションがクライアントで実行されているときに選択された行の書式を設定します。

    [編集モード項目]

    クライアントで編集モードになっている行の書式を設定します。

  • [区切り記号]
    セパレータ セル (たとえば、SeparatorTemplate 要素内) に表示されるテキストの書式を設定します。

[表示]

表示ペインには、[オブジェクト] ツリーに一覧表示された任意の要素に設定できる設定の一覧が表示されます。

  • [前景色]
    テキストの色を指定します。省略記号ボタン (VisualStudioEllipsesButton スクリーンショット) をクリックして、[カラー ピッカー] ダイアログ ボックスを表示します。

    8e4xftwk.alert_note(ja-jp,VS.90).gifメモ :

    [カラー ピッカー] ダイアログ ボックスに表示されるすべての色が、すべてのブラウザでサポートされているわけではありません。たとえば、基本色以外の名前付きの色は、古いブラウザではサポートされません。

  • [背景色]
    テキストの背景色を指定します。省略記号ボタン (VisualStudioEllipsesButton スクリーンショット) をクリックして、[カラー ピッカー] ダイアログ ボックスを表示します。

    8e4xftwk.alert_note(ja-jp,VS.90).gifメモ :

    [カラー ピッカー] ダイアログ ボックスに表示されるすべての色が、すべてのブラウザでサポートされているわけではありません。たとえば、基本色以外の名前付きの色は、古いブラウザではサポートされません。

  • [フォント名]
    テキストの表示に使用するフォントの名前を指定します。ドロップダウン リストには、使用中のコンピュータで利用できるフォントの名前が表示されます。ドロップダウン リストを使用して、フォント名を 1 つ選択できます。複数のフォント名を指定するには、追加するフォント名を [フォント名] ボックスにコンマで区切って入力します。追加する名前では、現在のシステムで利用できるフォントを表す必要はありません。

    8e4xftwk.alert_note(ja-jp,VS.90).gifメモ :

    ユーザーが共通して利用できるフォント名を選択するのが最適です。ユーザーが利用できる可能性のある複数のフォント名を、優先順に入力することをお勧めします。たとえば、「Verdana,Arial,Helvetica」と入力した場合は、Serif ではないフォントが候補として指定されます。

  • [フォント サイズ]
    テキストのサイズを、単位、または "small" などの名前付きサイズで指定します。名前付きサイズを選択するか、[カスタム] を選択し、サイズ、単位の順に指定します。単位の詳細については、「CSS Length Units Reference」を参照してください。

    8e4xftwk.alert_note(ja-jp,VS.90).gifメモ :

    対象となるブラウザに適したフォント サイズの単位を選択してください。たとえば、古いブラウザの場合は、ポイントやピクセルなどの絶対フォント サイズを指定できません。対象となるブラウザが絶対サイズをサポートしている場合でも、ems などの相対サイズを選択することをお勧めします。相対サイズを指定すると、ユーザーが好みに応じてテキストのサイズを変更できます。

  • [太字]、[斜体]、[下線]、[取り消し線]、[重線]
    テキストの書式を指定するオプションです。チェック ボックスとして表示されるオプションは、すべてのブラウザでサポートされます。

  • [水平方向の配置]
    アイテムや列の内容をグリッド内で水平方向に揃える方法 (左、右、中央、または両端揃え) を指定します。DataList コントロールがフロー レイアウト モードになっている場合、このプロパティは無効です。

  • [垂直方向の配置]
    アイテムや列の内容をセル内に表示する位置 (上部、下部、または中央) を指定します。このオプションは、一覧全体にオプションを設定しているときは利用できません。DataList コントロールがフロー レイアウト モードになっている場合、このプロパティは無効です。

  • [セル内で文字列を折り返す]
    セルの内容を切り捨てるのではなく、行を折り返して表示するように指定します。

参照

処理手順

方法 : デザイナを使用して Web サーバー コントロール テンプレートを作成する

概念

ASP.NET Web サーバー コントロール テンプレート

参照

DataList Web サーバー コントロールの概要