ASP.NET-Serversteuerelemente und CSS-Formatvorlagen

Sie können das Erscheinungsbild von Steuerelementen steuern, indem Sie die verschiedenen Darstellungseigenschaften wie ForeColor, BackColor, Height und Width festlegen. Darüber hinaus unterstützen manche Steuerelemente Formatobjekte, die zusätzliche, auf Formatvorlagen bezogene Einstellungen offen legen.

**Hinweis   **Web Forms-Seiten (ASPX-Dateien) fungieren zur Laufzeit als HTML-Seiten. Daher können Sie die Darstellung aller Elemente auf der Seite außer den Webserversteuerelementen mit CSS (Cascading Stylesheets) festlegen. Weitere Informationen finden Sie unter Anwenden eines CSS-Formats auf eine andere Webseite.

Die folgenden Abschnitte enthalten Informationen darüber, wie Informationen von Formatvorlagen im Browser dargestellt werden und wie sowohl zur Entwicklungszeit als auch programmgesteuert mit Formatvorlagen gearbeitet wird.

Wiedergeben der Darstellungseigenschaften im Browser

Beim Ausführen der Seite werden die Darstellungseigenschaften entsprechend den Möglichkeiten des vom Benutzer verwendeten Browsers bereitgestellt. Wenn der Browser des Benutzers CSS (Cascading Stylesheets) unterstützt, werden die Darstellungseigenschaften als Formatattribute der HTML-Elemente wiedergegeben, aus denen das Steuerelement besteht. Wenn Sie z. B. ein LinkButton-Webserversteuerelement erstellen und dessen ForeColor-Eigenschaft auf Red, die FontInfo.Bold-Eigenschaft auf True und die FontInfo.Size-Eigenschaft auf xx-small festlegen, wird das Steuerelement mit folgendem Code dargestellt, sofern der Browser des Benutzers Stylesheets unterstützt:

<a id="HyperLink1" style="color: Red; font-size: XX-Small; font-weight: bold;">HyperLink</a>

Wenn der Browser des Benutzers dagegen keine Formatvorlagen unterstützt, wird das Steuerelement mit anderen Mitteln, wie z. B. einem <FONT>-Element, bereitgestellt. Der folgende Code bestimmt die Darstellung für das obige Beispiel, jedoch für einen Browser, der keine Formatvorlagen unterstützt.

<a id="HyperLink1"><b><font color="Red" size="1">HyperLink</font></b></a>

Weitere Beispiele für Eigenschaften, die je nach Browser anders bereitgestellt werden, sind BorderWidth und BorderColor.

Manche Darstellungseigenschaften wie BorderStyle können nicht ohne Formatvorlagen wiedergegeben werden. Diese Eigenschaften werden daher in Downlevel-Browsern ignoriert. Weitere Informationen finden Sie unter ASP.NET-Serversteuerelemente und Browserfunktionen.

Formatobjekte von Steuerelementen

Außer den einfachen Darstellungseigenschaften wie ForeColor und BackColor legen Steuerelemente ein oder mehrere Formatobjekte offen, die zusätzliche Darstellungseigenschaften enthalten. Ein Beispiel ist die Font-Formateigenschaft, die ein Objekt vom Typ FontInfo offen legt, das individuelle Eigenschaften für die Schriftart wie Size, Name, Bold usw. enthält.

Manche Steuerelemente legen Formatobjekte offen, mit denen Sie das Aussehen bestimmter Teile des Steuerelements festlegen können. Das Calendar-Webserversteuerelement enthält z. B. Formatobjekte wie die Calendar.DayStyle-Eigenschaft (einzelne Tage), die "Calendar.SelectedDayStyle-Eigenschaft" (Tag, Woche oder Monat, wie vom Benutzer ausgewählt) und die "Calendar.WeekendDayStyle-Eigenschaft". Mit dem SelectedDayStyle-Formatobjekt können Sie z. B. die Eigenschaften BackColor und ForeColor des vom Benutzer ausgewählten Tages festlegen.

Die meisten Formatobjekte sind vom Typ TableItemStyle, weil sie die Attribute von Tabellenzellen festlegen. Das Font-Formatobekt ist vom Typ FontStyle.

Rangfolge und Vererbung bei Formatobjekten

Bei komplexen Steuerelementen erben Formatobjekte häufig Merkmale von anderen Formatobjekten. Das SelectedDayStyle-Objekt im Calendar-Steuerelement beruht z. B. auf dem DayStyle-Objekt. Wenn Sie für SelectedDayStyle keine Eigenschaften explizit festlegen, erbt dieses seine Merkmale vom DayStyle-Objekt.

Diese Vererbung bedeutet, dass für die von Ihnen festgelegten Formatobjekteigenschaften eine Rangfolge gilt. So zeigt die folgende Liste die Reihenfolge von Formatobjekteigenschaften für das Calendar-Steuerelement, wobei die Einstellungen des letzten Objekts in der Liste die höchste Priorität haben.

1. Darstellungseigenschaften des Calendar-Basissteuerelements
2. DayStyle-Formatobjekt
3. WeekendDayStyle-Formatobjekt
4. OtherMonthDayStyle-Formatobjekt
5. TodayStyle-Formatobjekt
6. SelectedDayStyle-Formatobjekt

Direkte Steuerung von CSS-Formatvorlagen und -Klassen

Steuerelemente legen zusätzlich zu den Darstellungseigenschaften und Formatobjekten zwei Eigenschaften offen, mit denen Sie CSS-Formatvorlagen direkter bearbeiten können: CSSStyle und CSSClass. Mit der CSSClass-Eigenschaft können Sie dem Steuerelement eine Stylesheet-Klasse zuweisen. Mit der CSSStyle-Eigenschaft können Sie eine Zeichenfolge mit Formatattributen festlegen, die so, wie sie ist, in das Steuerelement geschrieben wird. Mit der CSSStyle-Eigenschaft können Sie die Formatattribute festlegen, die nicht über andere Eigenschaften offengelegt werden.

In der CSSStyle-Eigenschaft vorgenommene Einstellungen werden nicht in der entsprechenden individuellen Darstellungseigenschaft wiedergegeben. Wenn Sie z. B. die Zeichenfolgebackground-color:redin der CSSStyle-Eigenschaft festlegen, wird die BackColor-Eigenschaft nicht ebenfalls auf Rot festgelegt, obwohl das Steuerelement mit rotem Hintergrund dargestellt wird. Wenn Sie außerdem beide Darstellungseigenschaften und die CSSStyle-Eigenschaft festlegen, haben die einzelnen Darstellungseigenschaften Vorrang vor der CSSStyle-Eigenschaft.

Siehe auch

Programmieren von Web Forms | Anpassen des Erscheinungsbilds von ASP.NET-Serversteuerelementen mit Formatvorlagen | ASP.NET-Serversteuerelemente | ASP.NET-Serversteuerelemente und Browserfunktionen