JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

CSSの現在のバージョンとは?CSS1からCSS3までの歴史と進化を解説

CSS3は、CSS2以前のバージョンに続く最新の標準仕様です。CSS(Cascading Style Sheets)は、HTML文書の見た目やレイアウトを指定するためのスタイルシート言語であり、W3C(World Wide Web Consortium)によって標準化が進められてきました。ここでは、CSS1からCSS3までの歴史とそれぞれの特徴をわかりやすく解説します。

CSS1:1996年12月にW3C勧告

CSS Level 1(CSS1)は、1996年12月にW3Cから勧告として公開されました。このバージョンでは、CSS言語の基本仕様とともに、すべてのHTMLタグに対応するシンプルな視覚的フォーマットモデルが定義されました。文字色やフォントサイズ、余白など、Webページの基本的な装飾を指定できるようになったのがCSS1です。

CSS2:1998年5月にW3C勧告

CSS2は1998年5月にW3C勧告となり、CSS1をベースとして大幅に機能が拡張されました。主な追加機能は以下の通りです。

  • プリンタや音声デバイスなど、メディアごとのスタイルシートへの対応
  • ダウンロード可能なWebフォントのサポート
  • 要素の配置(ポジショニング)機能
  • テーブルのスタイル指定

CSS3:1999年6月以降のモジュール型最新標準

CSS3は1999年6月にW3C勧告となり、従来のCSSバージョンを基盤として発展したものです。最大の特徴は、仕様が「モジュール」と呼ばれる単位に分割された点にあります。各モジュールごとに、CSS2で定義された機能の拡張や新しい機能が定義されており、それぞれ独立して策定・更新が行われています。

代表的なモジュールには、セレクタ、ボックスモデル、背景と境界線、テキスト効果、2D/3D変換、アニメーション、メディアクエリなどがあります。これにより、角丸やグラデーション、影といったリッチな視覚表現や、レスポンシブデザインが容易に実現できるようになりました。

まとめ

CSSは、CSS1(1996年)、CSS2(1998年)、CSS3(1999年以降)と段階的に進化してきました。現在のCSS3は単一の固定バージョンではなく、複数のモジュールによって構成されており、今もなお継続的に更新・拡張されている点が大きな特徴です。

  1. JavaScriptでCSSプロパティの現在の値を取得する方法|getComputedStyleの使い方

    JavaScriptでHTML要素に適用されているCSSプロパティの現在の値(計算済みスタイル)を取得するには、window.getComputedStyle()メソッドを使用します。このメソッドは、対象の要素に適用されたすべてのスタイル情報を含むオブジェクトを返します。返されたオブジェクトに対してgetPropertyValue()メソッドを呼び出せば、任意のCSSプロパティの値を文字列として取得できます。インラインスタイルが設定されていない場合でも、外部CSSや継承によって最終的に適用されている値を取得できるのが大きな特徴です。基本構文const element = document.qu

  2. iOSアプリのバージョン番号とビルド番号をコードで取得する方法

    iOSアプリを開発する際、デフォルトではバージョンが「1.0」、ビルドが「0」として設定されています。App Storeに新しいビルドをアップロードするたびに、このバージョン番号を更新する必要があります。また、テスト用のビルドを作成する際には、ビルド番号だけを更新することもできます。これらのバージョン情報とビルド情報は、プロジェクト内の「Info.plist」ファイルに保存されており、Xcodeのターゲット設定画面から確認・編集することが可能です。バージョン番号やビルド番号が必要になるケースアプリ開発では、以下のような場面でプログラムからバージョンやビルド番号を取得したくなることがあります。新