Alternative style sheets
代替スタイルシートは link 要素の rel="alternate stylesheet" と title 属性で定義し、ユーザーが選択できる複数のスタイルを提供します。
概要
代替スタイルシートは link 要素の rel="alternate stylesheet" と title 属性で定義し、ユーザーが選択できる複数のスタイルを提供します。
対応ブラウザ
デスクトップ
Chrome 未対応
Edge 未対応
Safari 未対応
Firefox 3+
モバイル
Chrome Android 未対応
Safari iOS 未対応
Firefox Android 4+
基本構文
HTML
<link rel="stylesheet" href="default.css" title="デフォルト">
<link rel="alternate stylesheet" href="dark.css" title="ダーク">
<link rel="alternate stylesheet" href="large.css" title="大きい文字">実務での使いどころ
-
Alternative style sheets の活用
代替スタイルシート。ユーザーが切り替え可能な複数のスタイルを提供。
注意点
- 一部のブラウザでのみ対応。使用前にブラウザサポートを確認すること。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。