Definition and Usage

The StyleSheet control defines styles to apply to other controls.

The StyleSheet control can contain any number of <Style> elements. Each Style element must have a unique name. The name may be used to refer to each Style element from other controls on the same page.

A mobile page can also use an external style sheet. To create an external style sheet, you create a user control and a StyleSheet control in an .ascx file. To refer to this file, you add a StyleSheet control on a page and set its ReferencePath property to the URL of the .ascx file.

---

Properties

Property	Value	Description
id	unique_name	Optional. A unique id for the control
ReferencePath	URL	Optional. Specifies a relative path to an .ascx file that contains a set of style elements
runat	"server"	Required. Specifies that the control is a server control

Example 1

The following example is an .aspx page with two labels in a form. Each label has a reference to an internal style. The text in the first label will be displayed in bold and the text in the second label will be displayed in red:

<%@ Page Inherits="System.Web.UI.MobileControls.MobilePage"%> <%@ Register TagPrefix="Mobile" Namespace="System.Web.UI.MobileControls" Assembly="System.Web.Mobile" %> <Mobile:StyleSheet runat="server">   <Style name="title" Font-Bold="true" />   <Style name="message" ForeColor="red" /> </Mobile:StyleSheet> <Mobile:Form id="f1" runat="server">   <Mobile:Label runat="server" Text="Hello W3Schools!"   StyleReference="title" />   <Mobile:Label runat="server" Text="This is a nice day!"   StyleReference="message" /> </Mobile:Form>

评论 (0) All

登陆 | 还没注册？