スタイルシートでの<hr>への設定

2023/10/12 16:35

このQ&Aのポイント

スタイルシートを使用して、<hr>タグの設定を行う際に細い線にならない問題が発生しています。
IE6での表示では、スタイルシートの設定は利いているようですが、線が細くなりません。
<hr>タグに直接widthやsize、colorを指定すれば希望通りの結果が得られるが、スタイルシートの設定方法が間違っているのか疑問です。

ベストアンサー

スタイルシートでの<hr>への設定

2002/09/18 14:27

いつもお世話になってます。σ(^_^) 区切り線を色付の極細線にしたくて、スタイルシートに hr { width:90%; size:1 noshade; color: #C78D5D; } と設定しました。 IE6で見ると、色と幅は設定が利いているようなのですが、細い線になっていません。スタイルシートではなく、タグに直接 <hr width="90%" size="1" noshade color="#C78D5D"> とかけば、希望どおりになるのですが、スタイルシートの設定の仕方が間違っているのでしょうか？それとも、そもそもできないのでしょうか？ご存知の方、いらっしゃいましたらよろしくお願いします。

nonchi
お礼率88% (46/52)

CSS
回答数1
ありがとう数4

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

moccos
ベストアンサー率43% (61/140)

2002/09/18 14:51 回答No.1

スタイルシートの場合は＜ｓｉｚｅ＞という記述が無いと思います。 hr { width:90%; height:1px; noshade; color: #C78D5D; } size:1を height:1px; と書くと細い線になります。

質問者

お礼 2002/09/18 15:14

早速試してみましたら、バッチリでした。ありがとうございました。

関連するQ&A

<HR>タグをスタイルシートで記述するには？
<HR SIZE=10 WIDTH=80% COLOR=#009900> ↑ 上記のタグをスタイルシートで記述するとどうなりますか？ HR{ 　SIZE: 10px;　←ここの指定が知りたいのです。　WIDTH: 80%; 　COLOR: #009900; } よろしくお願いします。
- ベストアンサー
- HTML
スタイルシートについて
スタイルシートについて質問です。下記をTableの基本スタイルにしています。特定のTableのみ、borderカラーを#666666にしたい場合上記基本スタイルを生かしたままで簡潔なスタイルの設定方法はないでしょうか。 table, td, th　{border: 1px solid; border-collapse: collapse} .w550　　　　　{border-color: #8AC5D4; width:550px} .w550 td　　　 {border-color: #8AC5D4; text-align: center} .w550 th　　　 {border-color: #8AC5D4; padding: 5px; padding-left: 10px; color:#2A6D90} いつもスタイルシートの設定が大量になってしまう為、今回はどうにか簡潔で綺麗にしたいのでアドバイスいただけると大変助かります。どうぞ宜しくお願い致します。
- ベストアンサー
- HTML
テーブルのhrタグに下線を引くためのスタイルシートですがうまくいきません。
テーブルのhrタグに下線を引くためのスタイルシートですがうまくいきません。なぜでしょうか？ <style="text/csss">  </style> <table> <tr class="kasen"> <td>あ</td> </tr> </table>
- ベストアンサー
- HTML
NN4のスタイルシート
NetscapeNavigator4で、DTタグとDDタグにそれぞれスタイルシートを設定したいのですが、うまくできません。スタイルシートはユーザーエージェント別に設定しているのでCSSファイルに記述していますが、インラインで指定してもダメなようです。色とフォントサイズが設定できればいいだけなんですが・・・指定の仕方が分かる方おりましたら、ぜひ教えてください。お願いいたします。
- ベストアンサー
- CSS
スタイルシートへのタグの入れ方
ブログを運営しているのですが、どのモニターから見ても同じフォントサイズに見えるように、スタイルシート内でそれに該当するタグを挿入したいと思っています。普通に記事を書いただけの場合はどのモニターから見ても同じ大きさで表示されるのですが、記事内にテーブルタグを挿入した場合にのみ問題が発生します。たとえば、自宅のパソコンは1280×1024サイズなのですが、一回り小さいサイズのモニター（1024×768）から見ると、テーブル内の文字だけが大きく表示されてしまいます。テーブルタグを打ち込む時にフォントサイズのタグをいちいち打ち込むよりもスタイルシートで設定してしまった方がいいのではと思ったのです。教えてgoo!で同じような質問を発見し、解決方法は見つけたのですが（http://oshiete1.goo.ne.jp/qa289598.html）自分が利用しているスタイルシートの場合はどの位置でどのようにフォントサイズのタグを挿入すればいいのか分かりません。以下、現在のスタイルシートです（一部抜粋）。 <title><% blog.title %><% if:extra_title %>: <% extra_title %><% /if %></title> <style type="text/css">  </style> また、スタイルシートの方でフォントの設定をした場合、たとえばテーブル内の一か所だけ文字の大きさを変えたい場合は従来通り、テーブルタグを打ち込む時にそのようなタグを入れればきちんと反映されるのでしょうか。以上、よろしくお願いいたします。
- ベストアンサー
- HTML
スタイルシートでのHRに背景をつける
いつもお世話になっております。スタイルシートで罫線にbackground-imageを指定した場合、どうしても影が出来てしまいます。 noshadeを指定したら、background-imageは無効、border : none;を指定してもIEには反映されず（color指定したらbackground-imageは無効?）どうすれば良いか困っています。罫線の背景で指定するよりもimgで指定する方が良いのでしょうか。 background-imageを指定するとrepeatが使えて助かるのですが… よろしくご指導お願いいたします。
- 締切済み
- その他（インターネット・Webサービス）
スタイルシートのwidthについて
<style type="text/css"> #hoge{border:solid 1px black;width:100px;margin:0;} </style> <div id="hoge> </div> このようにdivタグにスタイルシートをつけるとなぜか縦の幅ができてしまいます。 width:100をなくせばただの線になるのですがwidthをつけるとどうして縦幅ができてしまうのでしょうか？ hightをつけてるのはまだしもwidthをつけただけじゃ横の長さが決まるだけで縦は0だと思ったのですが違うのでしょうか？ブラウザはIE6で見ました。
- ベストアンサー
- HTML
スタイルシートのリンクの色
HPを作成していて、スタイルシートを利用してリンクの設定をしました。 a:link{color:#0066ff} と書いて色が変更できるだろうと思いきや、何度やっても紫色（オフィシャルの色？）にしかならないのですが、何がわるいのでしょうか？原因がわかりません。ちなみに、<a href="">～</a>とつながってない設定には反応するみたいでちゃんと色が変更されます。対応するファイルがあると反応して紫色になるみたいです。なんか変な設定とかしてるんでしょうか？一応スタイルシートを全部載せておきます。よろしくお願いいします。 <style type="text/css">  </style>
- ベストアンサー
- その他（インターネット・Webサービス）
外部スタイルシートへの記入方法について
外部スタイルシートへの記入方法について下記ボックスを利用したいのですが外部ファイルにまとめて記載できたらと思いましたがどうも上手くいきません。どなたか詳しい方にご教授願えないでしょうか、よろしくお願い致します。 <div class="box_01"> この中にタイトルを記載と本文を記載する </div> <TABLE width="400"><TR><TD> <DIV style="width : 400px"> <DIV style="border-width : 1px;border-color : #333333 ;border-style : solid"> <DIV style="border-width : 1px;border-color : #FFFFFF #999999 #999999 #FFFFFF;border-style : solid;"> <DIV style="background-color : #D0D0D0;padding : 1px"> <DIV style="padding : 3 3 4 3px;text-align : center">- タイトル -</DIV> <DIV style="border-width : 1px;border-color : #999999 #FFFFFF #FFFFFF #999999;border-style : solid;"> <DIV style="border : 1px #333333 solid;background-color : #FFFFFF;padding : 10px;"> <br><hr> ↓<BR> ↓<BR> <center> ↓<BR> ↓<BR> </center> ↓<BR> ↓<BR> <hr> </DIV> </DIV> </DIV> </DIV> </DIV> </TD></TR></TABLE> くれくれで恐縮ですがどうぞよろしくお願い致します。
- ベストアンサー
- CSS
スタイルシートについて
　スタイルシートでフォントサイズを指定する場合、 .style○○○ { size: 12px; }だと思うのですが、　次のリンクの３つをスタイルシートで上記のフォントサイズのようにあらわす場合どう表記すれば良いのでしょうか。 a:link { color: #0000cc; } a:visited { color: #000080; } a:active { color: #ff0000; } 　一括でstyle○○になるのでしょうか。それとも３個しれぞれスタイルシートに登録するのでしょうか。　お願いします。
- ベストアンサー
- ホームページ作成ソフト