人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

htmlタグの<font size=”2”>をCSSで正確に表現するとどうなりますか?

●質問者: dsa
●カテゴリ:ウェブ制作
✍キーワード:CSS HTML タグ 表現
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● margherita
●20ポイント

http://www.htmq.com/style/font-size.shtml

font-size-スタイルシートリファレンス

font-size: small

です。

標準の<font size=”3”>が

font-size: medium

になります。

◎質問者からの返答

xx-small→font size=1

x-small→font size=2

small→font size=3

medium→font size=4

large→font size=5

x-large→font size=6

xx-large→font size=7

ではなくて、font size=3がsmallですか?

http://members.at.infoseek.co.jp/dhtml_s/web_proper_font/fon...ではfont-size: small;

三番目に小さな文字のサイズです。(現在のブラウザの基準 サイズ)

と記載されていますが?


2 ● andi
●20ポイント

http://www.w3.org/TR/CSS21/fonts.html#font-size-props

Fonts

仕様書によると

xx-small→1

small→2

medium→3

large→4

x-large→5

xx-large→6

だそうです。7には対応する物がありません。

◎質問者からの返答

なるほど。説得力ありますね。

ただ自分で比べた時にsmallはfontsize[2]ではなくfontsize[3]と同じなんですよね。

この違いはどういうことでしょうか?


3 ● Mars
●30ポイント

http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/present/graphi...

Alignment, font styles, and horizontal rules in HTML documents (ja)

font要素ではsize=3が、cssではfont-size:mediumがブラウザの標準の文字サイズとなっているので、標準より1サイズ小さいという事で考えれば font-size:small;となります。

同じ7段階ですが、1?7がxx-small?xx-largeに対応しているわけではありません。

またこれは、表現としての話で実際の大きさは…

HTMLではその大きさはあいまい(UA依存)でしたがCSSでは推奨値(倍率)が設けられましたので、同じ大きさでレンダリングされる保障もありません。

また、WindowsIEにはfont-size:smallを標準としてしまう(1?7に対応させてしまった)バグもあります。

http://www.y-adagio.com/public/standards/tr_css2/fonts.html#font...

Fonts

http://members.at.infoseek.co.jp/cssbug/detail/winie/b060.html

Internet Explorer (Windows) CSSバグリスト

◎質問者からの返答

なるほど、そういうことですか。

大変よく理解できました。

となると文字の大きさをどうするか悩みますね。

とりあえずこの質問は終了させていただきます。

ありがとう御座いました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ