PR
コメント新着
Oct , 2026
Sep , 2026
Sep , 2026
Aug , 2026
フリーページ
タグ辞書【A】
タグ辞書【ABBR】
タグ辞書【ACRONYM】
タグ辞書【ADDRESS】
タグ辞書【APPLET】
タグ辞書【AREA】
タグ辞書【B】
タグ辞書【BASE】
タグ辞書【BASEFONT】
タグ辞書【BDO】
タグ辞書【BGSOUND】
タグ辞書【BIG】
タグ辞書【BLINK】
タグ辞書【BLOCKQU…】
タグ辞書【BODY】
タグ辞書【BR】
タグ辞書【BUTTON】
タグ辞書【CENTER】
タグ辞書【CITE】
タグ辞書【CODE】
タグ辞書【COL】
タグ辞書【COLGROUP】
タグ辞書【COMMENT】
タグ辞書【CAPTION】
タグ辞書【DD】
タグ辞書【DEL】
タグ辞書【DFN】
タグ辞書【DIR】
タグ辞書【DIV】
タグ辞書【DL】
タグ辞書【DT】
タグ辞書【EM】
タグ辞書【EMBED】
タグ辞書【FIELDSET】
タグ辞書【FONT】
タグ辞書【FORM】
タグ辞書【FRAME】
タグ辞書【FRAMESET】
タグ辞書【H】
タグ辞書【HEAD】
タグ辞書【HR】
タグ辞書【HTML】
タグ辞書【I】
タグ辞書【IFRAME】
タグ辞書【ILAYER】
タグ辞書【IMG】
タグ辞書【INPUT】
タグ辞書【INS】
タグ辞書【ISINDEX】
タグ辞書【KBD】
タグ辞書【LABEL】
タグ辞書【LAYER】
タグ辞書【LEGEND】
タグ辞書【LI】
タグ辞書【LINK】
タグ辞書【LISTING】
タグ辞書【MAP】
タグ辞書【MARQUEE】
タグ辞書【MENU】
タグ辞書【META】
タグ辞書【MULTICOL】
タグ辞書【NOBR】
タグ辞書【NOEMBED】
タグ辞書【NOFRAMES】
タグ辞書【NOLAYER】
タグ辞書【NOSCRIPT】
タグ辞書【OBJECT】
タグ辞書【OL】
タグ辞書【OPTGROUP】
タグ辞書【OPTION】
タグ辞書【P】
タグ辞書【PARAM】
タグ辞書【PLAINTEXT】
タグ辞書【PRE】
タグ辞書【Q】
タグ辞書【RB】
タグ辞書【RP】
タグ辞書【RT】
タグ辞書【RUBY】
タグ辞書【S】
タグ辞書【SAMP】
タグ辞書【SCRIPT】
タグ辞書【SELECT】
タグ辞書【SMALL】
タグ辞書【SPACER】
タグ辞書【SPAN】
タグ辞書【STRIKE】
タグ辞書【STRONG】
タグ辞書【STYLE】
タグ辞書【SUB】
タグ辞書【SUP】
タグ辞書【TABLE】
タグ辞書【TBODY】
タグ辞書【TD】
タグ辞書【TEXTAREA】
タグ辞書【TFOOT】
タグ辞書【TH】
タグ辞書【THEAD】
タグ辞書【TITLE】
タグ辞書【TR】
タグ辞書【TT】
タグ辞書【U】
タグ辞書【UL】
タグ辞書【VAR】
タグ辞書【WBR】
タグ辞書【XMP】
タグ辞書【コメントアウト】
タグ辞書【!DOCTYPE】
piyo
サンプル
HP作成のためのコラム
スタイルシートをゼロからお勉強
HTMLタグに挑戦
Jul 16, 2005
カテゴリ： タグ教室
色を変えたり大きさを変えたり。
そんな方法を紹介してきましたが…
少しアクセントにかけると思わなかったですか？
例えば…
アクセント
周りの文字と色も違うし大きさも違う。
なのになんとなく軽い感じがして物足りない。
そんなときには文字を太くしてみましょう(￣▽￣人)
記述例
<span style="color:red;font-size:150%; font-weight:bold;
">
アクセント
</span>
表示
アクセント
どうでしょう？
随分と感じが違うでしょ(〃⌒▽⌒)強調部分以外には…あまり使えないかもしれませんが
覚えておくと便利ですよ(￣▽￣人)
その他詳細は font-weight を参照下さい。
お気に入りの記事を「いいね！」で応援しよう
[タグ教室] カテゴリの最新記事
-
楽天について Jan 11, 2006
-
Yahoo Japanが検索結果表示を刷新 Oct 5, 2005
-
大人気ぶろぐ？ Sep 6, 2005
Re:文字の太さを変えてみる(07/16)
miki285
さん
こんにちは
詳細のページをみて
<span style="color:red;font-size:150%;font-weight:100;">アクセント</span>
とかは指定できないのですか？
詳細のページのプレビューのように再現できないようです。
(Jul 16, 2005 07:21:33 PM)
詳細のページをみて
<span style="color:red;font-size:150%;font-weight:100;">アクセント</span>
とかは指定できないのですか？
詳細のページのプレビューのように再現できないようです。
(Jul 16, 2005 07:21:33 PM)
Re[1]:文字の太さを変えてみる(07/16)
＃七鍵
さん
miki285さん
いらっしゃいませ(〃⌒▽⌒)
当初は100～900の9段階で文字の太さを表現できるように考えられていたようですが
実際対応しているブラウザは（多分）ありません。
IEやNetscapeなど多くのブラウザでは
通常の文字と太い文字
の2種類（太さに限って言えば）しか用意されていないのです。
そんなわけで
100～500は[font-weight:normal;]と指定したのと見た目は同じ
600～900は[font-weight:bold;]と指定したのと見た目は同じ
ってことになっちゃうのです。 (Jul 16, 2005 11:13:28 PM)
いらっしゃいませ(〃⌒▽⌒)
当初は100～900の9段階で文字の太さを表現できるように考えられていたようですが
実際対応しているブラウザは（多分）ありません。
IEやNetscapeなど多くのブラウザでは
通常の文字と太い文字
の2種類（太さに限って言えば）しか用意されていないのです。
そんなわけで
100～500は[font-weight:normal;]と指定したのと見た目は同じ
600～900は[font-weight:bold;]と指定したのと見た目は同じ
ってことになっちゃうのです。 (Jul 16, 2005 11:13:28 PM)
Re[2]:文字の太さを変えてみる(07/16)
miki285
さん
こんばんは
＞100～500は[font-weight:normal;]と指定したのと見た目は同じ
＞600～900は[font-weight:bold;]と指定したのと見た目は同じ
＞ってことになっちゃうのです。
-----
私のブラウザは、まったく同じです^^
font-weight:bold;をはずすと、少し字が細くなりますが。。。
それと、一度にまとめて指定してあるだけで、<b> </b>と指定しても、同じことですね。
(Jul 16, 2005 11:53:57 PM)
＞100～500は[font-weight:normal;]と指定したのと見た目は同じ
＞600～900は[font-weight:bold;]と指定したのと見た目は同じ
＞ってことになっちゃうのです。
-----
私のブラウザは、まったく同じです^^
font-weight:bold;をはずすと、少し字が細くなりますが。。。
それと、一度にまとめて指定してあるだけで、<b> </b>と指定しても、同じことですね。
(Jul 16, 2005 11:53:57 PM)
Re[3]:文字の太さを変えてみる(07/16)
miki さん
＞100～500は[font-weight:normal;]と指定したのと見た目は同じ
＞600～900は[font-weight:bold;]と指定したのと見た目は同じ
＞ってことになっちゃうのです。
-----
＞私のブラウザは、100～500と600～900は、まったく同じです^^ IEです。 (Jul 17, 2005 10:40:39 AM)
＞600～900は[font-weight:bold;]と指定したのと見た目は同じ
＞ってことになっちゃうのです。
-----
＞私のブラウザは、100～500と600～900は、まったく同じです^^ IEです。 (Jul 17, 2005 10:40:39 AM)
Re[3]:文字の太さを変えてみる(07/16)
＃七鍵
さん
miki285さん
いらっしゃいませ(〃⌒▽⌒)
<b></b>って記述しても完全に表示は一緒です(￣▽￣人)
でもこの「font-weight」色々な事に使えるのですよ。
<b style="font-weight:normal;">
なんて意味がないことまでできちゃいます（笑
(Jul 17, 2005 12:26:32 PM)
いらっしゃいませ(〃⌒▽⌒)
<b></b>って記述しても完全に表示は一緒です(￣▽￣人)
でもこの「font-weight」色々な事に使えるのですよ。
<b style="font-weight:normal;">
なんて意味がないことまでできちゃいます（笑
(Jul 17, 2005 12:26:32 PM)
こんにちは。
ｆｏｏｌｉｓｈ☆ｆｏｏ
さん
記事には直接関係ない話題で、失礼します。
トップページタイトルを見て、驚いちゃいました。
これ、GIF画像なんですか？
フラッシュのような感じですけど。
カラーグラデーションがとっても綺麗です。
涼しそうですね！(^^)
(Jul 19, 2005 06:57:38 PM)
トップページタイトルを見て、驚いちゃいました。
これ、GIF画像なんですか？
フラッシュのような感じですけど。
カラーグラデーションがとっても綺麗です。
涼しそうですね！(^^)
(Jul 19, 2005 06:57:38 PM)
Re:こんにちは。(07/16)
＃七鍵
さん
ｆｏｏｌｉｓｈ☆ｆｏｏさん
いらっしゃいませ(〃⌒▽⌒)
TOPページも含め…あまりにも味気が無いかと反省し、
作ってみました(〃⌒▽⌒)
無理に（いや、ほんとに無理やりだったんですよ、容量とか）動かす必要は無いのですが
精一杯の色気と言うことで。
# このまま誰も何も言ってくれなかったら寂しいなと
# 調度昨日酒を飲みつつ思っていたわけで(笑
(Jul 20, 2005 12:45:40 AM)
いらっしゃいませ(〃⌒▽⌒)
TOPページも含め…あまりにも味気が無いかと反省し、
作ってみました(〃⌒▽⌒)
無理に（いや、ほんとに無理やりだったんですよ、容量とか）動かす必要は無いのですが
精一杯の色気と言うことで。
# このまま誰も何も言ってくれなかったら寂しいなと
# 調度昨日酒を飲みつつ思っていたわけで(笑
(Jul 20, 2005 12:45:40 AM)
【毎日開催】
15記事にいいね！で1ポイント
© Rakuten Group, Inc.
