---
source_url: https://jdan.github.io/98.css/#status-bar
source_title: "98.css"
hero_image: https://github.com/jdan/98.css/raw/main/docs/window.png?raw=true
tags: css-library,ui-design,windows-98
generated_at: 2026-07-24T00:00:30.541Z
model: claude-haiku-4-5
---
# Windows 98 風の UI を構築する CSS ライブラリ「98.css」

98.css は、Windows 98 の見た目を再現したユーザーインターフェースを構築するための CSS ライブラリであり、セマンティック HTML とスタイルシートのみで実装され、JavaScript を含まない。React やバニラ JavaScript など複数のフロントエンドフレームワークに対応しており、npm や unpkg から利用可能である。

![バージョン情報](https://98badges.now.sh/api/version)

## ライブラリの特徴

98.css は「古い UI の忠実な再現のためのデザインシステム」として位置付けられており、セマンティック HTML に基づいた設計となっている。このライブラリは CSS スタイリングのみで構成されており、JavaScript を含まないため、React やバニラ JavaScript を含む任意のフロントエンドフレームワークとの互換性を持つ。GitHub リリースページまたは npm からインストール可能である。

## コンポーネント仕様

標準的なボタンは幅 75px、高さ 23px で、外側および内側に浮き出した枠線を備える。ボタンには デフォルトで 12px の水平パディングが付与される。クリック時には浮き出した枠線が沈み込んだ状態に変化し、無効状態のボタンは浮き出した枠線を保ちながら淡い表示となる。フォーカス状態はボタンコンテンツの内側 4px に破線の枠線で示される。

![サイズ情報](https://98badges.now.sh/api/size)

ライブラリに含まれるコンポーネントは以下の通りである：Button、Checkbox、OptionButton、GroupBox、TextBox、Slider、Dropdown、Title Bar、Window contents、Status Bar、TreeView、Tabs、TableView。チェックボックスは沈み込んだパネルで表現され、選択時にチェックアイコンが表示される。グループボックスはオプショナルなラベル付きの矩形フレームで、複数のコントロールを囲む。

## アクセシビリティ

「アクセシビリティはこのプロジェクトの主要な目標」とされており、設計段階からアクセシビリティを考慮した実装がなされている。

*この記事は元記事の事実のみに基づいて自動生成されました。*

## 出典

98.css, https://jdan.github.io/98.css/#status-bar