(HTML,CSS,JavaScript)閲覧者がスタイルシートを切り替えられる機能を作る複数のCSS(スタイルシート)ファイルを用意しておき、閲覧者がプルダウンメニューを使って自由にスタイルを切り替えられる機能を作ってみましょう。読み込むCSSファイルそのものを変更できるので、装飾やレイアウトを大きく変えられます。好みのデザインを選択できるようにしたり、様々な配色で表示がどう変わるかを確認できるようにしたい場面などで便利です。文宏ホームページ作成ガイド読み込んでいるスタイルシートをファイルごと切り替える読み込むCSSファイルを閲覧者が自由に選択できるようにすることで、動的にデザインを切り替えられる機能になる現在のページで読み込んでいるCSS(スタイルシート)ファイルを、閲覧者がプルダウンメニューを使って(CSSファイルごと)切り替えられる機能を作ってみましょう。CSSファイルそのものを動的に変更できる(置き換えられる)ので、ページの装飾やレイアウトを大きく変えられます。複数のページデザインを用意しておいて、閲覧者が自身の好みに応じて切り替えられるようにしたり、画像素材配布サイトなどで、どのようなページデザインのときに素材がどのように見えるのかを確認させたい場合などに活用できるでしょう。下記のプルダウンメニューを変更すると、読み込まれているCSSファイルが変更され、ボックス内の装飾が変化します。試しに変更してみて下さい。※JavaScriptが有効な場合のみ動作します。※CSSファイルが新たに読み込まれるまで、数瞬の待ち時間がある場合があります。スタイルなし閲覧者の好みに応じてスタイルを変化させられます。スタイルシートファイルそのものを変更しているので、何でも自由に装飾を変更できます。上記では、プルダウンメニューで選択する項目に応じて、以下のように装飾やレイアウトが変化するはずです。(default.css)枠線は、灰色で幅3ピクセルの実線。