YouTip LogoYouTip

Prop Webcontrol Style Bordercolor

## ASP.NET WebControl BorderColor Property The `BorderColor` property is a member of the `System.Web.UI.WebControls.Style` class. It is used to set or retrieve the border color of a Web server control. --- ## Definition and Usage The `BorderColor` property defines the color of the border surrounding a WebControl. This property accepts any valid HTML color value, including named colors (e.g., `Red`, `Blue`), hexadecimal color codes (e.g., `#FF0000`), or RGB/RGBA values. When rendered, this property translates directly to the CSS `border-color` property on the client-side HTML element. --- ## Syntax ### Declarative Syntax ```xml ``` ### Programmatic Syntax (C#) ```csharp controlID.BorderColor = System.Drawing.Color.FromName("color"); // Or using ColorTranslator controlID.BorderColor = System.Drawing.ColorTranslator.FromHtml("#FF0000"); ``` ### Property Values | Value | Description | | :--- | :--- | | `color` | Specifies the border color of the control. Must be a valid HTML color representation (Color Name, Hexadecimal, or RGB). | --- ## Code Examples ### Example 1: Setting BorderColor on an ASP.NET Table (Declarative) The following example demonstrates how to set the border color of an `asp:Table` control to red (`#FF0000`) using declarative markup. ```xml
Hello World
``` ### Example 2: Setting BorderColor Dynamically (C# Behind-the-Code) You can also manipulate the `BorderColor` property dynamically in your code-behind file. The following example shows how to change a Button's border color when a page loads. ```xml <%-- ASPX Markup --%>
``` ```csharp // C# Code-Behind (Default.aspx.cs) protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { // Set the border color to a named color btnSubmit.BorderColor = System.Drawing.Color.Blue; // Alternatively, set using a Hexadecimal value // btnSubmit.BorderColor = System.Drawing.ColorTranslator.FromHtml("#0000FF"); } } ``` --- ## Considerations and Best Practices 1. **Dependency on BorderWidth and BorderStyle**: For the `BorderColor` to be visible on the client side, you must also define the `BorderWidth` (e.g., `2px`) and `BorderStyle` (e.g., `Solid`, `Double`) properties. If the border style is set to `None` or the width is `0`, the color will not be visible. 2. **Browser Compatibility**: The rendered output relies on standard CSS. Ensure that the color formats used are widely supported by modern web browsers. Hexadecimal (`#RRGGBB`) and standard color names are the safest choices. 3. **Theme and Skin Support**: The `BorderColor` property can be defined globally within ASP.NET Themes and Skins to maintain a consistent UI design across your entire web application.
← Prop Webcontrol Style BorderstProp Webcontrol Style Backcolo β†’