Application de styles à des contrôles

Les balises HTML standard prennent en charge les feuilles CSS à l'aide d'un attribut de style qui peut avoir pour valeur une liste, délimitée par des points-virgules, de paires attribut/valeur. Pour plus d'informations sur les attributs CSS pris en charge par le navigateur Internet Explorer, consultez la page (en anglais) CSS Attributes Reference de MSDN Web Workshop. Tous les contrôles serveur HTML ASP.NET prennent en charge les styles exactement de la même manière que les balises HTML standard. L'exemple suivant illustre une série de styles appliqués à différents contrôles serveur HTML. Si vous affichez le code source de la page retournée au client, vous pouvez constater que ces styles sont passés au navigateur dans la restitution du contrôle.

VB Style1.aspx

CSS définit également un attribut de classe, qui peut avoir pour valeur une définition de style CSS contenue dans une section <style>...</style> du document. L'attribut de classe facilite la définition de styles à une reprise, puis leur application à plusieurs balises sans qu'il soit nécessaire de les redéfinir. Les styles des contrôles serveur HTML peuvent également être définis de cette manière, comme illustré dans l'exemple suivant.

VB Style2.aspx

Lorsqu'une page ASP.NET est analysée, les informations de style sont remplies dans une propriété Style (de type CssStyleCollection) de la classe System.Web.UI.HtmlControls.HtmlControl. Cette propriété est essentiellement un dictionnaire qui expose les styles du contrôle en tant que collection, indexée par chaîne, des valeurs de chaque clé d'attribut de style. Par exemple, vous pouvez utiliser le code suivant pour définir et extraire ensuite l'attribut de style width d'un contrôle serveur HtmlInputText.

<script language="C#" runat="server" > void Page_Load(Object sender, EventArgs E) { MyText.Style["width"] = "90px"; Response.Write(MyText.Style["width"]); } </script> <input type="text" id="MyText" runat="server"/> <script language="VB" runat="server" > Sub Page_Load(Sender As Object, E As EventArgs) MyText.Style("width") = "90px" Response.Write(MyText.Style ("width")) End Sub </script> <input type="text" id="MyText" runat="server"/> <script language="JScript" runat="server" > function Page_Load(sender : Object, E : EventArgs) : void { MyText.Style("width") = "90px"; Response.Write(MyText. Style("width")); } </script> <input type="text" id="MyText" runat="server"/>
C#	VB	JScript

L'exemple suivant illustre la manipulation par programme du style d'un contrôle serveur HTML à l'aide de la propriété de collection Style.

VB Style3.aspx

Application de styles à des contrôles serveur

Les contrôles serveur Web assurent un niveau supplémentaire de prise en charge des styles en ajoutant plusieurs propriétés fortement typées pour les paramètres de style fréquemment utilisés, tels que la couleur d'arrière-plan et de premier plan, le nom et la taille de la police, la largeur, la hauteur, etc. Ces propriétés de style constituent un sous-ensemble des comportements de style disponibles en HTML et sont représentées en tant que propriétés « plates » exposées directement dans la classe de base System.Web.UI.WebControls.WebControl. Ces propriétés ont l'avantage de fournir une vérification du type au moment de la compilation et d'assurer l'exécution complète des instructions dans les outils de développement, tels que Microsoft Visual Studio .NET.

L'exemple suivant illustre un contrôle WebCalendar auquel plusieurs styles sont appliqués (un calendrier dépourvu de style est fourni afin de mettre en évidence les différences). Remarquez que lorsque vous définissez une propriété de type classe, telle que Font, vous devez utiliser la syntaxe de sous-propriété NomPropriété-NomSousPropriété.

VB Style4.aspx

L'espace de noms System.Web.UI.WebControls comprend une classe de base Style qui encapsule des attributs de style communs (les classes de styles supplémentaires, telles que TableStyle et TableItemStyle, héritent de cette classe de base commune). De nombreux contrôles serveur Web exposent des propriétés de ce type pour spécifier le style des différents éléments de restitution du contrôle. Par exemple, WebCalendar expose de nombreuses propriétés de ce type : DayStyle, WeekendDayStyle, TodayDayStyle, SelectedDayStyle, OtherMonthDayStyle et NextPrevStyle. Vous pouvez définir des propriétés particulières de ces styles à l'aide de la syntaxe de sous-propriété NomPropriété-NomSousPropriété, comme illustré dans l'exemple suivant.

VB Style5.aspx

Une syntaxe légèrement différente permet à chaque propriété Style d'être déclarée en tant qu'élément enfant imbriqué dans des balises de contrôles serveur Web.

<ASP:Calendar ... runat="server">
    <TitleStyle BorderColor="darkolivegreen" BorderWidth="3"
            BackColor="olivedrab" Height="50px" />
</ASP:Calendar>

VB Style9.aspx

Résumé de la section

1. Les familles de contrôles serveur HTML ASP.NET et de contrôles serveur Web assurent une prise en charge exhaustive des styles CSS.
2. Les styles peuvent être appliqués en définissant les attributs de style ou de classe d'un contrôle. Ces paramètres sont accessibles par programme par l'intermédiaire de la collection Attributes du contrôle. Dans le cas des contrôles serveur HTML, les valeurs propres à chaque clé d'attribut de style peuvent être extraites à partir de la collection Style du contrôle.
3. Les paramètres de style les plus utilisés sont exposés sur les contrôles serveur Web en tant que propriétés fortement typées du contrôle proprement dit.
4. L'espace de noms System.Web.UI.WebControls comprend une classe de base Style qui encapsule des attributs de style communs. De nombreux contrôles serveur Web exposent des propriétés de ce type pour contrôler les différents éléments de restitution particuliers.
5. Les styles peuvent être définis par programme sur des contrôles serveur Web à l'aide de la méthode ApplyStyle de la classe de base WebControl.