どっとねっとふぁん

C# Tips And Samples
in 検索

14.Webコントロールへのスタイルシートの適用

最新の投稿は、投稿日時: 06-23-2005, 4:51 午後 投稿者: ono です。スレッドには 0 件の返答があります。
投稿のソート: 前へ 次へ
  •  06-23-2005, 4:51 午後 60

    14.Webコントロールへのスタイルシートの適用

    Webコントロールにスタイルシートを適用するには、実は直接記述してしまえばOKです。

    -------------------------------------------------------
    <%@ Page language="c#" %>
    <html>
    <header>
    <style>
    .rt { text-align: right; }
    </style>
    </header>
    <body>
    <form method="post" runat="server">
    <asp:Textbox id="tb1" runat="server" text="右詰" style="text-align: right;"/><br />
    <asp:Textbox id="tb2" runat="server" text="右詰" class="rt" /><br />
    </form>
    </body>
    </html>
    
    -------------------------------------------------------

    まぁ、これでもいいんですが、ASP.NETらしく記述するならStyleプロパティやCssClassプロパティを利用します。

    -------------------------------------------------------
    <%@ Page language="c#" %>
    <script runat="server">
    public void Page_Load(Object sender, EventArgs e) {
            tb1.Style["text-align"] = "right";
    }
    </script>
    <html>
    <header>
    <style>
    .rt { text-align: right; }
    </style>
    </header>
    <body>
    <form method="post" runat="server">
    <asp:Textbox id="tb1" runat="server" text="右詰" /><br />
    <asp:Textbox id="tb2" runat="server" text="右詰" cssclass="rt" /><br />
    </form>
    </body>
    </html>
    
    -------------------------------------------------------

    ここでStyleプロパティはタグの中に記述する方法がわかりませんでした(^^;
    これらのプロパティは当然プログラム中から修正することが可能です。
    下のサンプルでは、ボタンを押すたびに文字の位置が変わります。

    -------------------------------------------------------
    <%@ Page language="c#" %>
    <script runat=server>
    void button_Click(Object sender, EventArgs e) 
    {
        if(tb1.Text=="右詰")
        {
            tb1.Style.Clear();
            tb1.Text = "左詰";
        }
        else
        {
            tb1.Style.Add("text-align", "right");
            tb1.Text = "右詰";
        }
    }
    </script>
    <html>
    <body>
    <form runat="server">
    <asp:Textbox id="tb1" runat="server" text="左詰" /><br />
    <asp:Button id="Button" Text="スイッチ" OnClick="button_Click" runat="server"/><br />
    </form>
    </body>
    </html>
    
    -------------------------------------------------------


    あおい情報システム株式会社
     小野修司(どっとねっとふぁん)
RSS ニュースフィードで参照
SkinName:iroha_CS2
Powered by Community Server, by Telligent Systems