ホームページ作成の基礎からご提供するホームページ作成Space

外部スタイルシートファイルの文字コードを指定します。ファイルの先頭行に記述します。

@charset "Shift_JIS";
P { color: red; }

ダウンロードしたフォントを使用することを可能にします。フォントファイルは .eot または .ote 形式のものを使用します。 の間に下記のように記述することで、style="font-face:myfont" を指定できるようになります。

@font-face {
  font-family: myfont;
  src: url(http://www.yyy.zzz/myfont.eot);
}

下記のようにして他の外部スタイルシートファイルを読み込むことができます。

@import { url(http://www.yyy.zzz/style.css); }
P { color: red; }

出力メディアによってスタイルシートを変更することができます。下記の例ではコンピュータスクリーンに表示する際には赤色で、印刷する時には太字で強調を表します。Internet Explorer 5 ではメディアとして screen（スクリーン）、print（印刷）、all（すべて）を指定できます。CSS2 ではこの他に aural（読み上げ）、handheld（ハンドヘルドデバイス）、projection（プロジェクタ）など10種類のメディアを指定することができます。

@media screen {
  EM { color: red; }
}
@media print {
  EM { font-weight: bold; }
}

印刷時のページに関わるスタイルを指定します。:first は最初のページ、:right、:left は製本時の右側ページ、左側ページを意味します。

@page { margin-top: 2cm; margin-bottom: 2cm; }
@page:first { margin-right: 4cm; }
@page:right { margin-right: 4cm; }
@page:left { margin-left: 4cm; }