HOME　＞　HTMLリファレンス [ABC順 / 目的別]　＞　<STYLE>

<STYLE>

スタイルシートを記述する

ショートカット

形式・説明
属性
使用例

形式・説明

<STYLE>

</STYLE>

<STYLE> は、<HEAD>　～　</HEAD> 内に入れ、スタイルシートを記述するためのタグ。
スタイルシート未対応ブラウザで中身がそのまま表示されるのを避けるために、
 ではさんでいる。
スタイルシート詳細はスタイルシートの項目を参照

タグの形式

省略不可　（　開始タグ　：　必須　/　終了タグ　：　必須　）

<STYLE>～</STYLE>の中で使える要素

文字（スタイルシート）

属性

type="　～　"　・・・　スタイルシート言語を指定。　（text/cssなど）
media="　～　"　・・・　文書の出力先を指定。
- screen　（デフォルト）
  tty　（携帯機器など）
  tv　（テレビなど）
  projection　（プロジェクター）
  handheld　（モバイル機器）
  print　（印刷プレビュー画面）
  braille　（点字出力機器）
  aural　（音声合成装置）
  all　（すべての出力に適合）
dir="文字の表記方向"
id="ID"
lang="言語コード"

使用例

HTMLソース

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">
<HTML lang="ja">
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=shift_jis">
<META http-equiv="Content-Style-Type" content="text/css">
<TITLE>私のホームページ</TITLE>
<STYLE type="text/css">
<!--
BODY {background-color:gray; color:white;}
.fs10 {font-size:10px;}
#color1 {color:silver;}
-->
</STYLE>
</HEAD>
<BODY>

<H1 id="color1">タイトル</H1>

<P class="fs10">小さい文字</P>

</BODY>
</HTML>

SEO		[PR] 花おまとめローン Windows7 冷え性対策	動画掲示板レンタルサーバーライブチャット SEO

<STYLE>

ショートカット

形式 ・ 説明

<STYLE></STYLE>

タグの形式

<STYLE>～</STYLE>の中で使える要素

属性

使用例

HTMLソース

タイトル

形式・説明

<STYLE>

</STYLE>