« abbr要素とacronym要素 | トップページ | あ~いい漢字 »

2007.01.24

カスタムCSSにpopupを追加

昨日の記事でマウスオーバーでpopupする部分がわからないので,ボールド(strongタグ)を追加したのですが,今日Google先生に教わってCSSを変更しました.

引用元


ほとんどどんなタグにも title属性がアリなので、例えば、<em>や<strong>がついてる強調語句にもポップアップをしのばせることが可能です。ただ、<em>や<strong>でかこった強調語句がいろいろあるうちどこにポップアップが隠れてるのか分からないとほとんど役立たないので、この場合も、同じような統一的なスタイルにしておくと良いかもしれません。例えば、popupというクラスを定義して、次のような感じにできます。(妖精現実 フェアリアル:HTMLの新しいタグ<abbr><dfn><q> - faireal.net)
(以下この記事の引用部分は同じ引用元です)

カスタムCSSにコピペした部分

abbr, acronym, dfn, .popup {
color: green;
font-weight: bold;
font-style: normal;
border-style: dashed;
border-color: green;
border-width: 0px 0px 1px 0px;
cursor: help;
}

効果

<abbr>タグなどでかこった部分や class="popup"の部分は、すべて緑の太字にしろ。斜体にはするな。字の下に1ピクセルの緑の破線を引け。そこにカーソルをあわせたらカーソルを疑問符の形にせよ

|

« abbr要素とacronym要素 | トップページ | あ~いい漢字 »

「ウェブログ・ココログ関連」カテゴリの記事

コメント

コメントを書く



(ウェブ上には掲載しません)


コメントは記事投稿者が公開するまで表示されません。



トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/3174/13646270

この記事へのトラックバック一覧です: カスタムCSSにpopupを追加:

« abbr要素とacronym要素 | トップページ | あ~いい漢字 »