カスケードスタイルシートのモジュール化の概要(レベル3)
CSSレベル3で現在計画されている最大の変更は、モジュールの導入です。 モジュールの利点は、セグメントが完了し、チャンクで承認されているため、(おそらく)仕様が完了し、より迅速に承認されることです。 これにより、ブラウザやユーザエージェントの製造元は、仕様のセクションをサポートすることができますが、理に適ったモジュールをサポートするだけで、コードを最小限に抑えることができます。 例えば、テキストリーダーは、要素が視覚的にどのように表示されるかを定義するだけのモジュールを含む必要はありません。 しかし、聴覚モジュールだけが含まれていても、標準に準拠したCSS 3ツールになります。
CSS 3の新機能
- セレクタ
- CSS 3のセレクタは非常に興味深いでしょう。 彼らは、デザイナー/開発者が文書のさらに特定のレベルを選択できるようになります。 このモジュールに関する素晴らしい点の1つは、多くのブラウザが既に高度なCSS 3 セレクタをサポートし始めていることです。今すぐ試用してみることができます。 たとえば、新しいセレクタには次のものがあります。
- 部分一致を含む属性と属性値のマッチング
- n番目の子などの構造的擬似クラス
- URLでターゲットとされている要素のみをスタイルするターゲット擬似クラス
- ラジオやチェックボックスの要素など、チェックされている要素をスタイルするチェックされた疑似クラス
- CSS 3のセレクタは非常に興味深いでしょう。 彼らは、デザイナー/開発者が文書のさらに特定のレベルを選択できるようになります。 このモジュールに関する素晴らしい点の1つは、多くのブラウザが既に高度なCSS 3 セレクタをサポートし始めていることです。今すぐ試用してみることができます。 たとえば、新しいセレクタには次のものがあります。
- テキストエフェクトとレイアウト
- ドキュメント内のハイフネーション、 空白 、およびテキストの正当性を変更します。
- ファーストレターとファーストラインの擬似クラス
- CSS 3では、プロパティがドロップキャップのカーニングとアライメントに影響する必要があります。
- ページングされたメディアと生成されたコンテンツ
- CSS 3では、 ヘッダやフッタ、ページ番号の実行など、ページングされたメディアでより多くのオプションをサポートするようになりました。 さらに、脚注や相互参照のプロパティなど、生成されたコンテンツを印刷するための高度なプロパティがあります。
- 複数列レイアウト
- 現在、複数列レイアウトの作業用ドラフトでは、列の間隔、列の数、列の幅などの定義を使用して、複数の列に内容を表示するためのプロパティを提供しています。
- ルビー
- CSSは、単語の上または下に小さい注釈を追加する機能をサポートします。ほとんどの場合、中国語と日本語で使用されます。 彼らは一般に難しい表意文字の発音や意味を与えるために使用されます。
CSS 3は楽しい
それが標準として完全に採用され、 Webブラウザとユーザエージェントがそれを使い始めたら、CSS 3はWebデザイナーにとって強力なツールになるでしょう。 上記の新機能は、仕様の追加と変更の一部です。