.CSS

CSS ファイル

Cascading Style Sheet
質問する
クイック回答

CSS ファイルは Cascading Style Sheet(カスケーディング・スタイル・シート)の略で、ウェブページの色、フォント、間隔、レイアウトを制御するプレーンテキストファイルです。VS Code や Notepad++ などのテキストエディタやコードエディタで開くことができます。CSS ファイルは単独で実行するものではなく、ブラウザがレンダリングする HTML ページからリンクされることで機能します。

開発元: W3C (CSS Working Group); originally proposed by Håkon Wium Lie カテゴリ: インターネットファイル オープンスタンダード MIME: text/css
対応OS Windows macOS Linux Web
関連: .CRDOWNLOAD · .JNLP · .WEBARCHIVE · .PART

このページの内容

19k+ 個の拡張子を索引済み
最終確認日:Jun 26, 2026

ファイルの種類がわかりませんか?

ファイルを識別ツールにドロップしてください。最初の数バイトを読み取って形式を特定します。

ファイルを識別する

CSS ファイル形式とは?

.css ファイルは、ウェブサイトのコンテンツの書式設定やプレゼンテーション(見た目)を記述するために使用されます。

.css 拡張子を持つファイルには、.html 要素をページ上でどのように表示するかを定義するルールが含まれています。これらのルールは以下のような領域をカバーします:

  • フォント設定(書体、サイズ、色、スタイル)
  • 行間とインデント
  • 埋め込み要素や配置された要素のレイアウト規則
  • リソースの参照、アニメーション、および @media クエリによるレスポンシブなブレークポイント

CSS(Cascading Style Sheets)は、.css ファイルを作成するために使用されるスタイルシート言語です。ウェブサイトのコンテンツとプレゼンテーションを分離できるように設計されており、コンテンツに影響を与えることなくサイトの外観を非常に簡単に変更できるようになります。また、.css ファイルを使用すると、アクセスに使用するデバイス(モバイルデバイス、デスクトップ PC、タブレットなど)に応じてページを異なる方法でレンダリングできるため、ユーザーエクスペリエンスが大幅に向上します。「カスケーディング(段階的)」という部分は、複数のルールが同じ要素を同時にターゲットにできることを意味し、詳細度やソースの記述順序によってどのルールが優先されるかが決定されます。

CSS は単一のバージョン管理された形式ではありません。CSS3 以降、独立したモジュール(Selectors、Flexbox、Grid、Color、Animations など)として開発されており、それぞれが独自のペースで進化しています。.scss や .less などのプリプロセッサは CSS の記述構文を拡張しますが、最終的にはブラウザが直接読み取れるプレーンな .css にコンパイルされます。

.css ファイルはデータをプレーンテキスト形式で保存するため、任意のテキストエディタで編集できます。ただし、潜在的なエラーを避けるために、専用のツールを使用して .css ファイルを編集することをお勧めします。これらのツールは、キーワードを自動的にハイライトし、構文エラーを修正し、オートコンプリート機能を提供します。.css ファイルにはバイナリシグネチャはありません。オプションで @charset 宣言、@import ルール、または /* comment */(コメント)から始まる場合があります。

セキュリティと安全性

リスク: LOW

CSS はプレーンテキストであり、コードを実行しないため、.css ファイルを開く際のリスクは低いです。例外的なケースとして、歴史的に CSS はリモートリソース(フォント/画像)を読み込むことができ、古いブラウザには CSS の expression() や behavior の癖(現在は非推奨)がありましたが、現代の CSS はスクリプトを実行できません。本当の注意点は、PUP(不要なプログラム)を同梱する広告だらけのポータルから「無料の CSS エディタ/ビューア」ソフトウェアをダウンロードすることです。上記に挙げた信頼できるエディタを使用してください。

形式の詳細

概要
正式名称Cascading Style Sheet別名 Style Sheet, CSS file
開発元W3C (CSS Working Group); originally proposed by Håkon Wium Lie登場時期 CSS Level 1, December 1996 (W3C Recommendation)
MIME タイプtext/css
タイププレーンテキスト・スタイルシート(ウェブ)
標準規格オープン・ロイヤリティフリー

CSS ファイルを開くプログラム

Windows4 apps
Sublime Text 有料 編集用に開きます。評価は無料ですが、継続的な使用にはライセンスが必要です。
Notepad オープンソース スタイルシートのテキストを表示・編集するために直接開きます。
Visual Studio Code 無料 構文ハイライト、IntelliSense、ライブプレビュー拡張機能を使用して .css を編集できます。
Web browser (Chrome/Firefox/Edge) 無料 ブラウザはページの読み込み時に CSS を自動的に適用します。デベロッパーツール(F12)を使用してスタイルの検査やライブ編集が可能です。
macOS2 apps
TextEdit 標準搭載 読み取り・編集のためにプレーンテキストモードで開きます。先にリッチテキストをオフにしてください。
Visual Studio Code 無料 構文ハイライト、IntelliSense、ライブプレビュー拡張機能を使用して .css を編集できます。
Linux1 app
VS Code / gedit / GNU Emacs 無料 任意のテキスト/コードエディタで .css を開いて表示・編集できます。
Web1 app
CodePen / JSFiddle 無料 オンラインのプレイグラウンドに CSS を貼り付けて、HTML に対してライブで編集・プレビューできます。

技術的詳細

詳細仕様
MIME タイプtext/css
ファイルのエンコーディングプレーンテキスト、デフォルトは UTF-8。ファイルの最上部にある `@charset` ルールで文字セットを明示的に宣言できます
バイナリシグネチャなし - `.css` ファイルにはマジックバイトがありません。識別はファイル拡張子または MIME タイプに依存します
一般的なファイルサイズ1 KB から 500 KB。ミニファイされたサードパーティのフレームワーク(Bootstrap、Tailwind)のバンドルは、これより大きくなる場合があります
コア構造ルールセット:セレクタまたはセレクタリストの後に、波括弧で囲まれた `property: value`(プロパティ:値)のペアの宣言ブロックが続きます
アットルール`@media`(レスポンシブブレークポイント)、`@import`、`@font-face`、`@keyframes`、`@supports`、`@layer` などが、条件付き読み込み、カスタムフォント、アニメーション、機能検知を制御します
カスケードアルゴリズム競合するルールは、詳細度、カスケードのオリジン(作成者 / ユーザー / ブラウザ)、およびソースの順序によって解決されます。値は継承を通じて子要素に伝播します
バージョン管理モデルCSS3 以降はモジュール制。Selectors、Flexbox、Grid、Color などの個別のモジュールが、それぞれ独立して W3C 勧告候補の段階を進みます
カスタムプロパティ`--name: value` として宣言され、`var(--name)` を介して使用されるネイティブ CSS 変数。プリプロセッサなしで再利用可能なデザイントークンを可能にします
プリプロセッサの相互運用性`.scss`、`.sass`、`.less` ファイルはプレーンな `.css` にコンパイルされます。PostCSS はビルド時に `.css` ソースを変換します。ブラウザは最終的な `.css` のみを読み込みます
転送圧縮帯域幅を節約するため、HTTP 経由で gzip または Brotli 圧縮されて提供されるのが一般的です。ディスク上では非圧縮のプレーンテキストです
サブリソース整合性 (SRI)HTML の `<link integrity="…">` 属性に SHA-256/384/512 ハッシュを配置して、取得したファイルを検証できます。ハッシュ自体は `.css` ファイル内には保存されません
ベンダープレフィックス`-webkit-`、`-moz-`、`-ms-` プレフィックスは、歴史的に実験的なプロパティを保護するために使用されてきました。基礎となるプロパティが標準化されたため、現在ではそのほとんどが廃止されています
ブラウザオブジェクトモデルブラウザエンジンによって CSSOM(CSS Object Model)に解析され、DOM ツリーと組み合わされて最終的な計算済みスタイルが算出され、ページが描画されます
標準の管理者W3C CSS Working Group。仕様は独立したモジュール文書として公開され、それぞれにエディターズドラフトと勧告候補が存在します
リリース日CSS Level 1, December 1996 (W3C Recommendation)
最新バージョンCSS is now modular (CSS3+); modules like Selectors, Flexbox, Grid, Color advance independently
オープンスタンダードはい · ロイヤリティフリー
仕様書www.w3.org

CSS の変換

コミュニティ Q&A

ユーザーからの質問
質問する
CSS ファイルを扱うユーザーからヘルプを得られます。OSやソフトウェアのバージョンなど、具体的に記載してください。
アカウント不要 ・ 通常1日以内に回答されます

まだ質問はありません。CSS ファイルについて最初の質問をしてみましょう。

よくある質問

.CSS ファイルとは何ですか?
Cascading Style Sheet の略で、ウェブページの外観(色、フォント、間隔、レイアウト)を制御するプレーンテキストファイルです。HTML と連携して動作します。
CSS ファイルを開くにはどうすればよいですか?
VS Code、Notepad++、Sublime Text、TextEdit などのテキストエディタまたはコードエディタで開けます。ブラウザはページをレンダリングする際に CSS を自動的に読み込みます。
CSS ファイルを編集したり実行したりするには?
コードエディタでテキストとして編集します。CSS を「実行」することはありません。HTML ページからリンク(<link rel="stylesheet">)し、そのページをブラウザで開くことでスタイルを確認します。
CSS と SCSS/Sass/Less の違いは何ですか?
SCSS/Sass や Less は、変数やネストなどの機能を追加するプリプロセッサです。これらはブラウザが実際に読み取れるプレーンな CSS にコンパイルされます。プレーンな CSS は、すでに有効な SCSS/Less としても機能します。
CSS を PDF や PSD に変換できますか?
直接はできません。CSS は HTML を装飾するものです。レンダリングされた HTML ページをブラウザから PDF として書き出してください。実質的な CSS から PSD への変換は存在しません。画像が必要な場合はページのスクリーンショットを撮ってください。
ウェブサイトの CSS がスペースのない 1 行になっているのはなぜですか?
それは「ミニファイ(軽量化)」されています。ダウンロードサイズを小さくするために、空白やコメントが削除されています。CSS ビューティファイア(整形ツール)に通すと、再び読みやすい状態に戻ります。

参考文献

1W3C - Cascading Style Sheets homewww.w3.org
2MDN Web Docs - CSSdeveloper.mozilla.org

さらに探索

データベース全体から

今週のトップ拡張子

1.AQQAQQ Instant Messenger File
2.CRDOWNLOADChrome Partial Download File
3.PARTPartial Download File
4.EXEWindows Executable (Portable Executable)
5.M4AMPEG-4 Audio File
6.MDMarkdown Document
7.JPGJPEG Image
8.BINCD/DVD Disc Image (BIN/CUE)
9.DATProgram Data File (generic)
10.JSONJavaScript Object Notation file

関連する拡張子

.CRDOWNLOADChrome Partial Download File
.JNLPJava Network Launch Protocol file
.WEBARCHIVESafari Web Archive
.PARTPartial Download File
.DOWNLOADPartial / Incomplete Download File
.ASPXActive Server Page Extended (ASP.NET Web Form)

無料ファイルツール

ブラウザで動作するファイル識別および画像変換ツール。すべてお使いのデバイス上で実行されます。

ツールボックスを開く

ファイル拡張子を A-Z で閲覧