Homepage Zero ガイド
logo

ゼロから始めよう!わかりやすい!ホームページ作成ガイド

初めての方へ|総合案内|お問い合わせ|当サイトについて

ホームページ初心者ガイド| HTML| CSS| ホームページお役立ち情報| ホームページレベルアップ情報| その他

ホームHTMLリファレンス(アルファベット検索)>@ルール

CSSプロパティ辞典
タグ一覧(ABC順) 目的別タグ一覧 スタイルシート一覧(ABC順) 目的別スタイルシート一覧

@ルール

@ルール とは、セレクタ、プロパティでは設定しきれない機能をCSSに与えるために作られたものです。

疑似クラスの種類と使用例のページ内リンク

@import / @charset / @media
@page は複雑で、@font-face はCSS2.1で削除される予定なので、ここでは説明を省かせていただきます。

@import …CSS内に外部CSSファイルを読み込む

CSSプロパティ

@import url(URL);

対応ブラウザ IE6 WinFireFox WinSafariFireFox MacIE5 macOpera

解説

@import を使えば、CSS内に外部CSSファイルを読み込むとができます。書式の通り @import に「url(URL);」を付けて使用し、「URL」の部分には外部CSSファイルのURLを絶対パス、相対パスで記述します。

ページトップへ / △ページ内リンクへ

@charset 疑似要素 …外部CSSファイル内の文字コードを指定します

CSSプロパティ

@charset "文字コード";

対応ブラウザ IE6 WinFireFox WinSafariFireFox MacIE5 macOpera

解説

@charset を使えば、外部CSSファイル内の文字コードを指定することができます。書式の通り @charset に「"文字コード";」を付けて記述します。

ページトップへ / △ページ内リンクへ

@media 疑似要素 …特定のメディア別に異なるスタイルを適用できます

CSSプロパティ

@media メディアの種類{〜}

対応ブラウザ FireFox WinSafariFireFox MacOpera

解説

@media を使えば、特定のメディア別に異なるスタイルを適用できます。書式の通り @media の後に「メディアの種類」を指定し、「{〜}」の中に特定のメディアに指定するスタイルを記述します。メディアの種類は下の表を参照してください。

メディアの種類 メディアの種類
パソコン画面 screen テレタイプ tty
テレビ tv プロジェクター projection
印刷 print モバイル機器 handheld
点字出力機器 braille 点字プリンター embossed
音声出力機器 aural(CSS2.1では speech) すべて all

ページトップへ / △ページ内リンクへ

関連情報ページ

ページトップへ

ホームページ初心者ガイド| HTML| CSS| ホームページお役立ち情報| ホームページレベルアップ情報| その他

<TOP>

logo
ゼロから始めよう!わかりやすい!ホームページ作成ガイド

|初めての方へ|総合案内|お問い合わせ|当サイトについて|

copyright (C) TOMIY All Right Reserved
inserted by FC2 system