Export (0) Print
Expand All

WebControl.BorderStyle Property

Gets or sets the border style of the Web server control.

[Visual Basic]
Public Overridable Property BorderStyle As BorderStyle
[C#]
public virtual BorderStyle BorderStyle {get; set;}
[C++]
public: __property virtual BorderStyle get_BorderStyle();
public: __property virtual void set_BorderStyle(BorderStyle);
[JScript]
public function get BorderStyle() : BorderStyle;
public function set BorderStyle(BorderStyle);

Property Value

One of the BorderStyle enumeration values. The default is NotSet.

Remarks

Use the BorderStyle property to specify the border style for the Web server control. This property is set using one of the BorderStyle enumeration values. The following table lists the possible values.

Border Style Description
NotSet The border style is not set.
None No border
Dotted A dotted line border.
Dashed A dashed line border.
Solid A solid line border.
Double A solid double line border.
Groove A grooved border for a sunken border appearance.
Ridge A ridged border for a raised border appearance.
Inset An inset border for a sunken control appearance.
Outset An outset border for a raised control appearance.
Note   This property will not render on browsers earlier than Microsoft Internet Explorer 4 for any Web server control. There is no equivalent to it in HTML 3.2.

Example

[Visual Basic, C#, JScript] The following example illustrates how to set the BorderStyle property of the Table control, which is inherited from the WebControl base class.

[Visual Basic] 
<%@ Page Language="VB" AutoEventWireup="True" %>
<html>
<body>
 
   <form runat="server">

      <h3>BorderStyle Example</h3>
 
      <asp:Table id="Table1"
           CellPadding=10 
           GridLines="Both"
           BorderStyle="Dotted"
           BorderWidth="2"
           runat="server">
 
         <asp:TableRow>
            <asp:TableCell>
               Row 0, Col 0
            </asp:TableCell>
 
            <asp:TableCell>
               Row 0, Col 1
            </asp:TableCell>
         </asp:TableRow>
 
         <asp:TableRow>
            <asp:TableCell>
               Row 1, Col 0
            </asp:TableCell>
 
            <asp:TableCell>
               Row 1, Col 1
            </asp:TableCell>
         </asp:TableRow>
 
      </asp:Table>
 
   </form>
 
</body>
</html>
 

[C#] 
<%@ Page Language="C#" AutoEventWireup="True" %>
<html>
<body>
 
   <form runat="server">

      <h3>BorderStyle Example</h3>
 
      <asp:Table id="Table1"
           CellPadding=10 
           GridLines="Both"
           BorderStyle="Dotted"
           BorderWidth="2"
           runat="server">
 
         <asp:TableRow>
            <asp:TableCell>
               Row 0, Col 0
            </asp:TableCell>
 
            <asp:TableCell>
               Row 0, Col 1
            </asp:TableCell>
         </asp:TableRow>
 
         <asp:TableRow>
            <asp:TableCell>
               Row 1, Col 0
            </asp:TableCell>
 
            <asp:TableCell>
               Row 1, Col 1
            </asp:TableCell>
         </asp:TableRow>
 
      </asp:Table>
 
   </form>
 
</body>
</html>
 

[JScript] 
<%@ Page Language="JScript" AutoEventWireup="True" %>
<html>
<body>
 
   <form runat="server">

      <h3>BorderStyle Example</h3>
 
      <asp:Table id="Table1"
           CellPadding=10 
           GridLines="Both"
           BorderStyle="Dotted"
           BorderWidth="2"
           runat="server">
 
         <asp:TableRow>
            <asp:TableCell>
               Row 0, Col 0
            </asp:TableCell>
 
            <asp:TableCell>
               Row 0, Col 1
            </asp:TableCell>
         </asp:TableRow>
 
         <asp:TableRow>
            <asp:TableCell>
               Row 1, Col 0
            </asp:TableCell>
 
            <asp:TableCell>
               Row 1, Col 1
            </asp:TableCell>
         </asp:TableRow>
 
      </asp:Table>
 
   </form>
 
</body>
</html>
 

[Visual Basic] 
<!-- This example demonstrates how to set property values for the
BorderColor, BorderStyle, and BorderWidth properties, and how to 
change the property values at run time. -->

    . . . 
<%@ Page language="VB" AutoEventWireup="true" %>
<%@ Import Namespace="System.Drawing" %>

<HTML>
    <HEAD>
        <SCRIPT runat="server">
            Private Sub Page_Load(sender As Object, e As System.EventArgs)
                ' Determine whether this is the first time the page is loaded;
                ' if so, load the drop-down lists with data.
                If Not Page.IsPostBack Then
                    ' Create a ListItemCollection and add names of colors.
                    Dim colors As New ListItemCollection()
                    colors.Add(Color.Black.Name)
                    colors.Add(Color.Blue.Name)
                    colors.Add(Color.Green.Name)
                    colors.Add(Color.Orange.Name)
                    colors.Add(Color.Purple.Name)
                    colors.Add(Color.Red.Name)
                    colors.Add(Color.White.Name)
                    colors.Add(Color.Yellow.Name)
                    ' Bind the colors collection to the borderColorList.
                    borderColorList.DataSource = colors
                    borderColorList.DataBind()

                    ' Create a ListItemCollection and the add names of 
                    ' the BorderStyle enumeration values.
                    Dim styles As New ListItemCollection()
                    Dim styleType As Type = GetType(BorderStyle)

                    Dim s As String
                    For Each s In  [Enum].GetNames(styleType)
                        styles.Add(s)
                    Next s

                    ' Bind the styles collection to the borderStyleList.
                    borderStyleList.DataSource = styles
                    borderStyleList.DataBind()

                    ' Create a ListItemCollection and add width values
                    ' expressed in pixels (px).
                    Dim widths As New ListItemCollection()

                    Dim i As Integer
                    For i = 0 To 10
                        widths.Add(i.ToString() & "px")
                    Next i

                    ' Bind the widths collection to the borderWidthList.
                    borderWidthList.DataSource = widths
                    borderWidthList.DataBind()
                End If
            End Sub

            ' This method handles the SelectedIndexChanged event for borderColorList.
            Public Sub ChangeBorderColor(sender As Object, e As System.EventArgs)
                ' Convert the color name string to an object of type Color, 
                ' and set the Color as the new border color for Label1.
                Label1.BorderColor = Color.FromName(borderColorList.SelectedItem.Text)
            End Sub

            ' This method handles the selectedIndexChanged event for boderStyleList.
            Public Sub ChangeBorderStyle(sender As Object, e As System.EventArgs)
                ' Convert the style name string to a BorderStyle enumeration value,
                ' and set the BorderStyle as the new border style for Label1.
                Dim styleType As Type = GetType(BorderStyle)
                Label1.BorderStyle = [Enum].Parse(styleType, borderStyleList.SelectedItem.Text)
            End Sub

            ' This method handles the SelectedIndexChanged event for borderWidthList.
            Public Sub ChangeBorderWidth(sender As Object, e As System.EventArgs)
                ' Convert the border width string to a object of type Unit,
                ' and set the Unit as the new border width for Label1.
                Label1.BorderWidth = Unit.Parse(borderWidthList.SelectedItem.Text)
            End Sub
    </SCRIPT>
    </HEAD>

    <BODY>
        <form runat="server">

            <h3> Border Properties Example </h3>

            <table border="0" cellpadding="6">
                <tr>
                    <td>
                        <asp:Label Runat="server" BorderColor="Black" 
                            BorderStyle="Solid" BorderWidth="4px" ID="Label1" 
                            Text="Border Properties Example" Height="75" 
                            Width="200"><center><br>Border Properties Example
                            </center></asp:Label>
                    </td>

                    <td>
                        <asp:DropDownList Runat="server" ID="borderColorList" 
                            OnSelectedIndexChanged="ChangeBorderColor" AutoPostBack="True" 
                            EnableViewState="True"></asp:DropDownList>
                        <br>
                        <br>
                        <asp:DropDownList Runat="server" ID="borderStyleList" 
                            OnSelectedIndexChanged="ChangeBorderStyle" AutoPostBack="True" 
                            EnableViewState="True"></asp:DropDownList>
                        <br>            
                        <br>
                        <asp:DropDownList Runat="server" ID="borderWidthList" 
                            OnSelectedIndexChanged="ChangeBorderWidth" AutoPostBack="True"
                            EnableViewState="True"></asp:DropDownList>
                    </td>
                </tr>
            </table>
        </form>
    </body>
</HTML>

[C#] 
<!-- This example demonstrates how to set property values for the
BorderColor, BorderStyle, and BorderWidth properties, and how to 
change the property values at run time. -->

    . . . 
<%@ Page language="c#" AutoEventWireup="true" %>
<%@ Import Namespace="System.Drawing" %>

<HTML>
    <HEAD>
        <SCRIPT runat="server">
            private void Page_Load(object sender, System.EventArgs e)
            {
                // Determine whether this is the first time the page is loaded;
                // if so, load the drop-down lists with data.
                if (!Page.IsPostBack)
                {
                    // Create a ListItemCollection and add names of colors.
                    ListItemCollection colors = new ListItemCollection();
                    colors.Add(Color.Black.Name);
                    colors.Add(Color.Blue.Name);
                    colors.Add(Color.Green.Name);
                    colors.Add(Color.Orange.Name);
                    colors.Add(Color.Purple.Name);
                    colors.Add(Color.Red.Name);
                    colors.Add(Color.White.Name);
                    colors.Add(Color.Yellow.Name);
                    // Bind the colors collection to the borderColorList.
                    borderColorList.DataSource = colors;
                    borderColorList.DataBind();

                    // Create a ListItemCollection and the add names of 
                    // the BorderStyle enumeration values.
                    ListItemCollection styles = new ListItemCollection();

                    foreach (string s in Enum.GetNames(typeof(BorderStyle)))
                    {
                        styles.Add(s);
                    }

                    // Bind the styles collection to the borderStyleList.
                    borderStyleList.DataSource = styles;
                    borderStyleList.DataBind();

                    // Create a ListItemCollection and add width values
                    // expressed in pixels (px).
                    ListItemCollection widths = new ListItemCollection();

                    for (int i = 0; i < 11; i++)
                    {
                        widths.Add(i.ToString() + "px");
                    }

                    // Bind the widths collection to the borderWidthList.
                    borderWidthList.DataSource = widths;
                    borderWidthList.DataBind();
                }

            }

            // This method handles the SelectedIndexChanged event for borderColorList.
            public void ChangeBorderColor(object sender, System.EventArgs e)
            {
                // Convert the color name string to an object of type Color, 
                // and set the Color as the new border color for Label1.
                Label1.BorderColor = Color.FromName(borderColorList.SelectedItem.Text);
            }

            // This method handles the selectedIndexChanged event for boderStyleList.
            public void ChangeBorderStyle(object sender, System.EventArgs e)
            {
                // Convert the style name string to a BorderStyle enumeration value,
                // and set the BorderStyle as the new border style for Label1.
                Label1.BorderStyle = (BorderStyle)Enum.Parse(typeof(BorderStyle),
                                      borderStyleList.SelectedItem.Text);
            }

            // This method handles the SelectedIndexChanged event for borderWidthList.
            public void ChangeBorderWidth(object sender, System.EventArgs e)
            {
                // Convert the border width string to a object of type Unit,
                // and set the Unit as the new border width for Label1.
                Label1.BorderWidth = Unit.Parse(borderWidthList.SelectedItem.Text);
            }
    </SCRIPT>
    </HEAD>

    <BODY>
        <form runat="server">

            <h3> Border Properties Example </h3>

            <table border="0" cellpadding="6">
                <tr>
                    <td>
                        <asp:Label Runat="server" BorderColor="Black" 
                            BorderStyle="Solid" BorderWidth="4px" ID="Label1" 
                            Text="Border Properties Example" Height="75" 
                            Width="200"><center><br>Border Properties Example
                            </center></asp:Label>
                    </td>

                    <td>
                        <asp:DropDownList Runat="server" ID="borderColorList" 
                            OnSelectedIndexChanged="ChangeBorderColor" AutoPostBack="True" 
                            EnableViewState="True"></asp:DropDownList>
                        <br>
                        <br>
                        <asp:DropDownList Runat="server" ID="borderStyleList" 
                            OnSelectedIndexChanged="ChangeBorderStyle" AutoPostBack="True" 
                            EnableViewState="True"></asp:DropDownList>
                        <br>            
                        <br>
                        <asp:DropDownList Runat="server" ID="borderWidthList" 
                            OnSelectedIndexChanged="ChangeBorderWidth" AutoPostBack="True"
                            EnableViewState="True"></asp:DropDownList>
                    </td>
                </tr>
            </table>
        </form>
    </body>
</HTML>

[C++] No example is available for C++. To view a Visual Basic, C#, or JScript example, click the Language Filter button Language Filter in the upper-left corner of the page.

Requirements

Platforms: Windows 2000, Windows XP Professional, Windows Server 2003 family

See Also

WebControl Class | WebControl Members | System.Web.UI.WebControls Namespace | Style | BorderStyle

Show:
© 2014 Microsoft