Skip to main content

CSS3

更新日: 2011 年 6 月 24 日


デザイナーや開発者は、カスケード スタイル シート (CSS) を使用して、HTML ページにプレゼンテーション セマンティクスを適用することができます。これまでのバージョンの Windows Internet Explorer と比べて、Windows Internet Explorer 9 では CSS へのサポートが強化されました。Internet Explorer は、IE8 で CSS レベル 2 リビジョン 1 (CSS2.1) 仕様に完全に準拠するようになりましが、IE9 では CSS のサポートがさらに強化され、CSS レベル 3 (CSS3) の多くのコンポーネントがサポートされるようになりました。

チュートリアル

CSS3 で Web サイトの書体デザインを高める方法

このウォークスルーでは、Web サイトに新しい CSS3 フォント機能を組み込み、Internet Explorer 9 や他の最新のブラウザーで書体のデザイン性を高める方法を示します。

CSS3 を使用して角丸コーナーを表現する方法

CSS3 を使用してレイアウト要素の角を丸めることにより、Web サイトの見栄えを良くすることができます。Internet Explorer 9 で新しくサポートされた角丸コーナーを使用して、Web サイトのレイアウトをスタイリッシュにする基本的な方法について学習します。

CSS3 を使用してドロップ シャドウを付ける方法

Internet Explorer 9 と CSS3 を使用して、レイアウト要素の外側と内側にドロップ シャドウを付ける方法を紹介します。Internet Explorer 9 で新しくサポートされた角丸コーナーに沿って、影を付けることができます。

CSS3 を使用してスタイリッシュなボタンを作成する方法

CSS3 と Internet Explorer 9 を組み合わせれば、少量のマークアップで視覚的効果の高いボタンを作成できます。ここでは、単純なハイパーリンクを、スタイルをすべて CSS で設定するボタンに変える方法について学習します。

ページのトップへ

IE チームのブログ記事

翻訳版
※本記事は、マイクロソフト本社の IE チームのブログから記事を抜粋し、翻訳したものです。

CSS コーナー: 良質なデザインは良質な Web タイポグラフィから
元記事: The CSS Corner: Better Web Typography For Better Design

「Web デザインの 95% はタイポグラフィ」。Web コンテンツの大半がテキストで構成されているにもかかわらず、これまでデザイナーとユーザーは、クライアント オペレーティング システム間で互換性のある、いくつかの決まったフォントしか使用できませんでした。この不自由なタイポグラフィ環境を改善するため、各種ブラウザーに対応できる CSS による手法、グラフィック ベースの解決策 (英語)、プラグイン (英語) など、あらゆる手段が講じられてきましたが、そのどれもが追加の記憶域や帯域幅が必要になったり、アクセシビリティが低下したりといったマイナス面を伴うものでした。

IE9、不透明度、アルファ
元記事: IE9, Opacity, and Alpha

IE9 では、CSS3 カラー モジュール (英語) と、よく使われるその不透明度プロパティがサポートされるようになりました。他の標準ベースの機能と同様に、不透明度が実装されることで、他のブラウザーで使用されているマークアップが IE9 標準モードでもそのまま動作します。

英語版

Internet Explorer ガイド - CSS3

DOM Range and HTML5 Selection
IE9 includes two new features that are great for web developers writing same mar... 詳細情報
IE9, Opacity, and Alpha
IE9 introduces support for the CSS3 Color Module, including its popular opacity ... 詳細情報
The CSS Corner: CSS3 Selectors
CSS3 Selectors enable complex styling of webpages using simpler CSS and less scr... 詳細情報
The CSS Corner: About CSS Corners
The first time we used ‘The CSS Corner’ as a general blog post heading, Chris Wi... 詳細情報
The CSS Corner: Better Web Typography For Better Design
“Web design is 95% typography”. So much of the content produced and consumed on ... 詳細情報

ページのトップへ

サンプル (英語)

Internet Explorer ガイド - CSS3

IMDb Video Panorama Demo
This sample will require an HTML5-compatible browser, such as Internet Explorer 9 Beta or Internet Explorer 9 Platform Preview.
IE Beatz Canvas Demo
This sample will require an HTML5-compatible browser, such as Internet Explorer 9 Beta or Internet Explorer 9 Platform Preview.
HTML5 Audio Player + XML Playlist
A simple audio player built using the audio element and IE9's improved XML support. This sample will require an HTML5-compatible browser, such as Internet Explorer 9 Beta or Internet Explorer 9 Platform Preview.

ページのトップへ

評価してください: