- ベストアンサー
<HR>タグをスタイルシートで記述するには？
<HR SIZE=10 WIDTH=80% COLOR=#009900> ↑ 上記のタグをスタイルシートで記述するとどうなりますか？ HR{ SIZE: 10px; ←ここの指定が知りたいのです。 WIDTH: 80%; COLOR: #009900; } よろしくお願いします。
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
関連するQ&A
- スタイルシートでの<hr>への設定
いつもお世話になってます。σ(^_^) 区切り線を色付の極細線にしたくて、スタイルシートに hr { width:90%; size:1 noshade; color: #C78D5D; } と設定しました。 IE6で見ると、色と幅は設定が利いているようなのですが、細い線になっていません。 スタイルシートではなく、タグに直接 <hr width="90%" size="1" noshade color="#C78D5D"> とかけば、希望どおりになるのですが、スタイルシートの設定の仕方が間違っているのでしょうか？ それとも、そもそもできないのでしょうか？ ご存知の方、いらっしゃいましたらよろしくお願いします。
- ベストアンサー
- CSS
- スタイルシートの記述方法に関して。
スタイルシートで、基本的なデザインは一通り出来ると思っています。 実は今サンプルのスタイルシートを修正しています。 スタイルシートの記述方法に関して、質問があります。 サンプルのスタイルシートの記述方法ですが、要素の記述にて上位の要素を全て記述し、最終的な要素を記載しています。 例として 一番外側の要素を：#wrapper ヘッダー：#header コンテンツ：#content メインコンテンツ：#main サイドコンテンツ：#side とします。 自分の場合であれば、スタイルシート内の記述は div#wrapper { width: 500px; margin: 0px auto; padding: 0px; } div#header { width: 480px; margin: 0px auto; padding: 0px; } div#content { width: 480px; margin: 0px; padding: 0px; } div#main { float: left; width: 300px; margin: 0px; padding: 0px; } div#side { float: right; width: 170px; margin: 0px; padding: 0px; } と記述していましたが、サンプルでは以下の通りに記述されています。 div#wrapper { width: 500px; margin: 0px auto; padding: 0px; } div#wrapper #header { width: 480px; margin: 0px auto; padding: 0px; } div#wrapper #content #main { float: left; width: 300px; margin: 0px; padding: 0px; } div#wrapper #content #side { float: right; width: 170px; margin: 0px; padding: 0px; } と記述されています。 上記の記述に、技術的に有利になる点は有るのでしょうか、単に CSS の記述を判りやすくしているだけのように思えます。 上記の記述方法は、一見判りづらいと思いますが、記述している要素が確実に判ると思います。 ただ、その反面 CSS のソースが肥大化します。 上記の記述方法に、他にメリット、デメリットがあるのかアドバイスを頂ければ幸いです。 ちなみに、参考にさせて頂いてる CSS のソースは海外で作られたソースになります。 海外では一般的に使われている記述方法になるのでしょうか。
- ベストアンサー
- CSS
- スタイルシートについて
スタイルシートでフォントサイズを指定する場合、 .style○○○ { size: 12px; }だと思うのですが、 次のリンクの３つをスタイルシートで上記のフォントサイズのようにあらわす場合どう表記すれば良いのでしょうか。 a:link { color: #0000cc; } a:visited { color: #000080; } a:active { color: #ff0000; } 一括でstyle○○になるのでしょうか。それとも３個しれぞれスタイルシートに登録するのでしょうか。 お願いします。
- ベストアンサー
- ホームページ作成ソフト
- Firefoxでのスタイルシートの記述について
Firefoxでのスタイルシートの記述について ４つの文字を配置するために (1) font-size:18px; font-weight:bold; color:#000000; margin:127px 72px 0px 40px; (2) font-size:18px; font-weight:bold; color:#000000; margin:64px 72px 0px 40px; (3) font-size:18px; font-weight:bold; color:#000000; margin:101px 72px 0px 40px; (4) font-size:18px; font-weight:bold; color:#000000; margin:65px 72px 0px 40px; と指定しました。IEでは思った位置になったのですが Firefoxでは(2)(3)(4)が下のほうにずれてしまいました。Firefoxに合わせるとIEでの位置が上にずれてしまい頭を悩ませています。 記述の間違いや、アドバイスなどあれば教えてください。 よろしくお願いします。
- ベストアンサー
- HTML
- スタイルシートを使い<h1>で指定するには？
スタイルシートを活用して <p style="border-style: solid; border-color: green; border-width: 1px 4px; padding: 3px;"> ぼけぼけ </p> という枠を<h1>ぼけぼけ</h1>と指定しただけで表示させるにはどのようにスタイルシートを記述すればいいのでしょうか？
- ベストアンサー
- HTML
- テーブルのhrタグに下線を引くためのスタイルシートですがうまくいきません。
テーブルのhrタグに下線を引くためのスタイルシートですがうまくいきません。 なぜでしょうか？ <style="text/csss"> <!-- hr.kasen { border-bottom-style: double; } --> </style> <table> <tr class="kasen"> <td>あ</td> </tr> </table>
- ベストアンサー
- HTML
- スタイルシートへのタグの入れ方
ブログを運営しているのですが、どのモニターから見ても同じフォントサイズに見えるように、スタイルシート内でそれに該当するタグを挿入したいと思っています。 普通に記事を書いただけの場合はどのモニターから見ても同じ大きさで表示されるのですが、記事内にテーブルタグを挿入した場合にのみ問題が発生します。 たとえば、自宅のパソコンは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"> <!-- html,body { scrollbar-arrow-color:#000; scrollbar-face-color:#fff; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#000; scrollbar-track-color:#fff; scrollbar-shadow-color:#fff; scrollbar-darkshadow-color:#000; } --> </style> また、スタイルシートの方でフォントの設定をした場合、 たとえばテーブル内の一か所だけ文字の大きさを変えたい場合は従来通り、テーブルタグを打ち込む時にそのようなタグを入れればきちんと反映されるのでしょうか。 以上、よろしくお願いいたします。
- ベストアンサー
- HTML
- aタグに直接style=""で:hoverをしたいしたい
お世話になります。 下記のaタグのCSS記述部分を直接<a href="" style="..."として記述するには どのようにすればよいのでしょうか hoverをaタグ内に直接指定しようとしていろいろ調べたのですが、解説しているサイトを見つけられなくて、質問させてもらってます。 A:link.menu { text-decoration:none; FONT-SIZE: 12px; COLOR: #0000ff; } A:visited.menu { text-decoration:none; FONT-SIZE: 12px; COLOR: #0000ff; } A:hover.menu { FONT-SIZE: 12px; color:#0000ff; background-color:#66bce2; } A:active.menu { FONT-SIZE: 12px; COLOR: #0000ff; } お手数お掛けしますが、どなた様かご教授いただけますようお願い致します。
- ベストアンサー
- HTML
- CSSで記述した数値が取得できない
あるdivタグのサイズを640px*480pxにしようと思い、以下のように記述しました。 （省略） <style type="text/css"> <!-- #oshiete { width: 640px; height: 480px; } //--> </style> </head> <body> <div id="oshiete"></div> （省略） その後、これをJavaScriptで動的に変化させようとしたのですが、 document.getElementById("oshiete").style.width などでの数値の取得が出来ません。 調べてみたところ、divタグに <div id="oshiete" style="width: 640px; height: 480px;"></div> と直接スタイルを記述していれば数値の取得が出来ました。 しかしスタイルシートを使う以上、タグに直接スタイルを書いていたのではせっかくの効果が発揮できません。 スタイルシートをheadタグに記述、あるいは外部CSS呼び出しを使いつつ、JavaScriptから数値を取得する方法を教えてください。 よろしくお願いします。
- 締切済み
- JavaScript
- HTMLとスタイルシートのタグの違い
Webサイトを作りを始めたばかりの初心者です。 私は、スタイルシートを使うにはheadの部分に次のタグを埋め込むことを知りました。 <link rel="stylesheet" href="style.css" type="text/css"> また、「style.css」というファイルを「index.html」とは別に用意することも知りました。 そして私はWebサイト作りのために、まずはhtmlだけを記述し、その後にスタイルシートを使ってデザインをしようと思うようになりました。 そこで、htmlとスタイルシートのタグの違いを把握するために、次のスタイルシートの一覧表を確認しました。 http://www5.airnet.ne.jp/tomy/knowhow/stylepty.htm この一覧表では、COLORやFONTなども含まれておりますが、このタグは「style.css」のファイルを用いなくても「index.html」のファイル内だけで使用することでWebサイト内にある文章などの色やサイズを変えられるはずです。 そのため、HTMLとスタイルシートのタグの違いがわからなくなり、htmlだけを記述するということが難しくなってしまいました。 デザインを考えずに、まずはhtmlだけで全体を記述する場合、デザインの境界線は何なのでしょうか？ 改行を指定する<br>もデザインに含まれるのでしょうか？ 質問が漠然としているかもしれませんが、何でも良いのでいろんな人からのアドバイスを頂きたいです。
- ベストアンサー
- CSS
お礼
＞どこの大きさを指定するのかちょっとわかりかねますが・・・。 とは罫線の太さです。 『height: 10px;』で出来ました。 有り難うございました。