- 2011年2月13日 15:53
- CSS
今回ご紹介するのは、昔使われていたhtmlのタグである
marquee（マーキー）タグをCSS3で対応させる方法です。
ご存知の方もいらっしゃると思いますが、
まずはmarquee (マーキー)タグのご説明からしていきます。
マーキーとは、文字をスクロールさせることができるタグになります。
Internet Explorer が独自に拡張したもので、
Internet Explorer・Firefox・Safari・Operaがサポート
（※サポートされているのはHTMLタグになります。）
しているのですが、W3Cの規格に含まれていません。 
昔は使用していたサイトもありましたが、
最近のWebサイトでは使用されることはありません。
ちょっとした情報として覚えておいてください！！
HTMLタグでの指定は↓
<html>
<head>
<title>マーキー</title>
<style>
div { width: 300px; border: solid 5px #fca; }
</style>
</head>
<body>
<div>
<marquee>KENSCHOOL ケンスクール</marquee>
</div>
</body>
</html>
CSS3での指定は↓
overflow-x: -webkit-marquee; を加えるだけ。
※Safari・Operaで記述が変わります。
今回はSafariに対応。
どうでしたか？
今回マーキーを試してみて、懐かしい感じがしました。
新しいCSS3でマーキーに対応したプロパティがありますので、
興味があればチャレンジしてみてはいかがでしょうか？
プロパティの参考サイト
※CSS3のプロパティなのでSafariで見てください！
--------------------------------------------------------------------------------
パソコンスクール KENスクール池袋校 Webインストラクター
http://www.kenschool.jp/school/ikebukuro/index.html
KENスクールでCSSを学びたい方は、Web/DTP講座へ！
http://www.kenschool.jp/Webdtp/index.html
- Newer: Helvetica VS Arial
- Older: イニシャルキャップ