CSSの技法をASP.NET 2.0アプリケーションに統合する
翻訳校正：石橋啓一郎
Microsoftは自社の製品にウェブの標準を多く取り込んでおり、ASP.NETにもCSSなどの標準を利用する方法を組み込んでいる。この記事では、ASP.NETでCSSを活用する方法について説明していく。
標準化コミュニティとMicrosoftの戦いは続いている。しかし、最近のニュースではInternet Explorerの次のバージョンは標準の遵守の方向へ動いていることが歴然としており、かなりの進展が見られる。
MicrosoftはJavaScriptやCSSなどの標準を同社の開発ツールに取り込んできた。CSSは今ではウェブのインターフェースのスタイルを操作する手段として広く受け入れられており、ASP.NETを使って簡単にCSSをソリューションに統合することができる。
ASP.NETウェブアプリケーションを作る際にCSSを実装するには、多くの方法がある。CSSをASP.NETに取り込むには、標準的なCSSを使う（インラインで、または外部的に）、CssClassプロパティを使う、テーマを使う、CSSコントロールアダプタを使うなどの方法ある。（この記事では、ASP.NET 2.0を対象にしている。）
標準的なCSSを適用する
スタイルとクラスのプロパティは両方とも、ほぼすべてのASP.NETの要素で利用でき、標準的なHTMLの要素でも利用できる。スタイルプロパティを使うと、実行中に--つまりインラインコードで--要素にCSSを割り当てることができる。クラスプロパティは事前に定義されているCSSクラスを利用するもので、ページのヘッダ部分で使われることが多い（インポートされる場合も、インラインである場合もある）。次の例では、その両方の技法が使われている。
<html>
<head>
<title>ASP.NET and CSS</title>
<style>
.textbox {
font-size: 12pt;
font-family: Arial Times New Roman Monospace;
color: black;
}
</style>
</head>
<body>
<form runat="server" id="frmTest">
<asp:Label id="lblTest" style="font-size: 12pt;font-weight: bold;color: Red;" runat="Server">Test</Label>
<asp:TextBox id="txtTest" class="textbox" runat="server"/>
</form>
</body></html>
スタイルとクラスのプロパティは、Visual Studio開発環境のIntelliSenseからは利用できない。また、この例はIDEの内部で要素に加えられると警告が表示されるが（エラーが出てコンパイルが停止することはない）、ブラウザに読み込まれた際には期待通りに実行される。Webコントロールで推奨されるASP.NETの技法は、CssClassプロパティを使ったものだ。
- 0人の推薦記事
- 0人がクリップ
-
ソーシャルブックマーク(-)
- トラックバック(0)
- 昨日のトップ記事
- 2日前
- 3日前
- 4日前
- 5日前
動画再生耐久レース―フル充電からどれだけ耐えた？
心当たりありませんか--あなたの上司がイヤがる5つの話し方
フォームデザイン虎の巻：複数の選択肢を提供する
フォトレポート：技術サポートの悪夢
無料の「Oracle Database XE」で高速バッチ処理：実装のポイント
Firefoxで情報をカンタン・ベンリに整理する
iPhone Safari、Acidテストでは高得点でも…… Firefoxは載らないの？：WebサイトのiPhone 3G対応問題を考える（ソフト編）
WebサイトのiPhone 3G対応問題を考える（ハード編）
フォトレポート：時代を振り返る--「MS-DOS 4」のインストール
SOAと仮想化の関係は？--常に進化を続けるBEAのミドルウェア戦略
ウェブ開発の生産性はどうしたら上がる？--MODIPHI Appsで半日で作るマッシュアップサイト（1）
JailBreakついに：PwnageTool公開
プロジェクトの進行でよくある4つのトラブル- ホワイトペーパー
DELLが掲げる「新・仮想化アセスメントサービス」
ZDNet Japan Green IT
ZDNet Japan ホスティング特集
Techno Exchange- 話題のタグ
