Top > WAP2.0 > EZweb用XHTML目次 > <style>

WAP2.0

EZweb用XHTMLタグリファレンス

<style>noXB[XM][EZ][W2]nocH

内部スタイルシートを組込みます。<head>〜</head>内に複数記述することができます。
iモードなど、スタイルシートに対応していないブラウザと、コンテンツを共有するのであれば、スタイルシートの内容をコメントアウト(<!--〜-->で囲む)などした方がよいかもしれません。

構文

<head>
 <style type="text/css">
  セレクタ { スタイル属性:値; スタイル属性:値 }
  セレクタ { スタイル属性:値; }
 </style>
</head>

必須属性

type

属性

属性名 対応状況 説明
title
xml:lang
  ユニバーサル属性」参照
type   'text/css'
スタイルシートのMIMEタイプを指定。
media   スタイル設定が効力を及ぼす出力メディアを指定。
コンマで区切って複数指定可。
デフォルト値は'all'(すべてのメディア)
他に、
'screen'(ページのないPCなどの画面)
'print'(プリンタ等)、
'handheld'(モバイル機器/携帯電話はこれに該当する)
などがある。
xml:space   'preserve'固定
スペースを維持する。

サンプル

1.各種色の設定
<head>
 <style type="text/css">
  body { background-color: yellow }
  a:link { color:red }
 </style>
</head>
<body>
 <a href="some.html">some.htmlへ</a>
</body>
style要素

some.htmlへ




  OK
2.スタイルシートの切替え

media属性により、PC/携帯電話それぞれに適用するスタイルシートを切り替えることができます。

<head>
 <style type="text/css" media="handheld">
  ul { list-style-image: localsrc(cat) }
 </style>
 <style type="text/css" media="screen">
  ul { list-style-image: url("cat.gif")
 </style>
</head>
<body>
 <p>猫の好きなもの</p>
 <ul>
  <li>おさかな</li>
  <li>ミルク</li>
  <li>ねずみ</li>
 </ul>
</body>
携帯電話 PC


猫の好きなもの
おさかな
ミルク
ねずみ


  OK
猫の好きなもの
 
  おさかな
  ミルク
  ねずみ
 

Go to Top

最終更新日:2002年05月22日
© Kimura