WebControl.CssClass プロパティ
クライアントで Web サーバー コントロールによって表示されるカスケード スタイル シート (CSS: Cascading Style Sheet) クラスを取得または設定します。
Public Overridable Property CssClass As String
[C#]
public virtual string CssClass {get; set;}
[C++]
public: __property virtual String* get_CssClass();public: __property virtual void set_CssClass(String*);
[JScript]
public function get CssClass() : String;public function set CssClass(String);
プロパティ値
クライアントで Web サーバー コントロールによって表示される CSS クラス。既定値は String.Empty です。
解説
CssClass プロパティを使用して、Web サーバー コントロールに対してクライアントに表示する CSS クラスを指定します。このプロパティは、すべてのコントロールに対してブラウザに表示されます。このプロパティは、ブラウザに関係なく、常にクラスの属性として表示されます。
たとえば、Web サーバー コントロールを次のように宣言したとします。
<asp:TextBox id="TextBox1" ForeColor="Red" CssClass="class1" />
前の Web サーバー コントロールの宣言に対して、次の HTML がクライアントに表示されます。
<input type=text class="class1" style="ForeColor:red">
メモ CSS をサポートしないブラウザでは、 CssClass プロパティを設定しても無効です。
使用例
[Visual Basic, C#, JScript] CssClass プロパティを使用して、 HyperLink コントロールのスタイルを変更する方法の例を次に示します。
<%@ Page Language="VB" AutoEventWireup="True" %>
<html>
<head>
<style>
.CssStyle1
{
font: 12pt verdana;
font-weight:700;
color:orange;
}
.CssStyle2
{
font: 15pt times;
font-weight:250;
color:blue;
}
</style>
<script language="VB" runat="server">
Sub Button1_Click(sender As Object, e As EventArgs)
If HyperLink1.CssClass = "CssStyle1" Then
HyperLink1.CssClass = "CssStyle2"
Else
HyperLink1.CssClass = "CssStyle1"
End If
End Sub
</script>
</head>
<body>
<h3>CssClass Property of a Web Control</h3>
<form runat="server">
<asp:HyperLink id="HyperLink1" href="https://www.microsoft.com"
CssClass="spanstyle" Text="Click here to go to the Microsoft site"
Target="_new" runat="server"/>
<p>
<asp:Button id="Button1" Text="Click to change the Css style of the above link"
OnClick="Button1_Click" runat="server"/>
</form>
</body>
</html>
[C#]
<%@ Page Language="C#" AutoEventWireup="True" %>
<html>
<head>
<style>
.CssStyle1
{
font: 12pt verdana;
font-weight:700;
color:orange;
}
.CssStyle2
{
font: 15pt times;
font-weight:250;
color:blue;
}
</style>
<script language="C#" runat="server">
void Button1_Click(Object sender, EventArgs e) {
HyperLink1.CssClass=((HyperLink1.CssClass=="CssStyle1")?"CssStyle2":"CssStyle1");
}
</script>
</head>
<body>
<h3>CssClass Property of a Web Control</h3>
<form runat="server">
<asp:HyperLink id="HyperLink1" href="https://www.microsoft.com"
CssClass="spanstyle" Text="Click here to go to the Microsoft site"
Target="_new" runat="server"/>
<p>
<asp:Button id="Button1" Text="Click to change the Css style of the above link"
OnClick="Button1_Click" runat="server"/>
</form>
</body>
</html>
[JScript]
<%@ Page Language="JScript" AutoEventWireup="True" %>
<html>
<head>
<style>
.CssStyle1
{
font: 12pt verdana;
font-weight:700;
color:orange;
}
.CssStyle2
{
font: 15pt times;
font-weight:250;
color:blue;
}
</style>
<script language="JSCRIPT" runat="server">
function Button1_Click(sender : Object, e : EventArgs){
if(HyperLink1.CssClass == "CssStyle1")
HyperLink1.CssClass = "CssStyle2"
else
HyperLink1.CssClass = "CssStyle1"
}
</script>
</head>
<body>
<h3>CssClass Property of a Web Control</h3>
<form runat="server">
<asp:HyperLink id="HyperLink1" href="https://www.microsoft.com"
CssClass="spanstyle" Text="Click here to go to the Microsoft site"
Target="_new" runat="server"/>
<p>
<asp:Button id="Button1" Text="Click to change the Css style of the above link"
OnClick="Button1_Click" runat="server"/>
</form>
</body>
</html>
[C++] C++ のサンプルはありません。Visual Basic、C#、および JScript のサンプルを表示するには、このページの左上隅にある言語のフィルタ ボタン .gif)
をクリックします。
必要条件
プラットフォーム: Windows 2000, Windows XP Professional, Windows Server 2003 ファミリ
参照
WebControl クラス | WebControl メンバ | System.Web.UI.WebControls 名前空間