HTMLクイックリファレンス

トップページ HTMLタグ(ABC順) スタイルシート(ABC順) フリーイラスト素材
優良デザイン HTMLタグ(目的別) スタイルシート(目的別) JavaScript(制作中)
WEBカラー WEB画像 特殊文字 その他..

トップページ > HTMLタグリファレンス > <STYLE>

★HTMLタグリファレンス

<STYLE>・・・・・スタイルシートを記述する
Internet Explorer4Internet Explorer5Internet Explorer5-macInternet Explorer5.5Internet Explorer6Internet Explorer7 Netscape4Netscape6Netscape7 Opera6Opera7Opera8Opera9 Firefox1Firefox2

<STYLE>タグはスタイルシートを記述するためのタグです。

スタイルシートを利用する際には、<LINK>タグで拡張子が .css の外部スタイルシートファイルを読み込む方法と、 <HEAD>〜</HEAD>内に<STYLE>タグを用いてスタイルシートを記述する方法と、 各タグにstyle属性の値としてスタイルを指定する方法があります。

<STYLE>タグを用いてスタイルシートを記述する際には、 スタイルシート全体を<!-- -->でコメントにします。これは、スタイルシートに対応していないブラウザで、 スタイルシートがそのままテキストとして表示されることを避けるためです。

■使用例

HTMLソース

<html>
<head>
<title>文書のタイトル</title>
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
<!--
body {font-size: 14px;}
p {font-size: 14px;}
div {font-size: 14px;}
td {font-size: 80%;}
td.aka {font-size: 120%; color:#ff0000; font-weight:bold;}

a {text-decoration: none }
a:link {color: #0000ff }
a:visited {color: #800080 }
a:hover {color: #ff0000; text-decoration: underline; background-color: #ffcc00 }
a:active {color: #0000ff }
a.nasi:hover {background-color:transparent }
--> 
</style>
</head>
<body>
文書の本体
</body>
</html>



▲ページ先頭へ
トップページ > HTMLタグリファレンス > <STYLE>

HTMLクイックリファレンス

トップページ HTMLタグ(ABC順) スタイルシート(ABC順) フリーイラスト素材
優良デザイン HTMLタグ(目的別) スタイルシート(目的別) JavaScript(制作中)
WEBカラー WEB画像 特殊文字 その他..
HTMLクイックリファレンスについて
©2009 HTMQ