- ベストアンサー
実線と破線(点線)の下線を付けたい。
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
<p style="border-bottom:1px dashed; padding-bottom: 2px;"> あ<span style="border-bottom:1px solid;">い</span>う </p>
その他の回答 (1)
- rurino
- ベストアンサー率55% (38/68)
<span style="border-bottom:1px dashed;">あ<span style="border-bottom:1px solid; margin: 0 0 1px;">い</span>う</span> ではいかがでしょうか。 margin: 0 0 1px の1pxの値を増やすと、間隔が広がりますので 好みのバランスで。
お礼
回答ありがとうございます。 IEでは有効でしたが、残念ながらFireFoxではうまくいかないようです。
関連するQ&A
- リンクの下線を破線にしているのですが…
リンクの下線を破線にするスタイルシートを使用しているのですが、 通常の左寄せや<center>タグで囲ったテキストでは正常に動作するのに、 <div align="right">または<p align="right">で囲った右寄せのテキストには破線が表示されません。 どうすれば表示されるようになるでしょうか。 私が使用しているスタイルシートは以下の通りです。 <style type="text/css"> <!-- A:link {color:#666666; text-decoration:none; border-bottom:1px dashed #00CCCC;} A:visited {color:#666666; text-decoration:none; border-bottom:1px dashed #00CCCC;} A:hover {color:#FF3300; text-decoration:none; border-bottom:1px dashed #00CCCC;} --> </style>
- ベストアンサー
- その他(インターネット・Webサービス)
- <hr>要素を点線で表示した場合の表記について
hrで点線を表示したいと考えています。 そこでまず下記Aのような指定をしたのですが、行数を減らすため、Bの表記に変更しました。 意味合い的には変わっていないと思うのですが、 なぜかfirefox等いくつかのプラウザで点線の下に薄いグレーが表示されてしまいました。 IEでは意図した通りに表示されます。 調べた所、薄いグレーはhr本来の色が表示されていること、 Bの表記に color: #fff; を追記すれば解決することは解ったのですが、 なぜまとめ表記にすることで表示が変わるのかが解らずすっきりしないので 質問させて頂きました。 詳しい方がいらっしゃいましたらよろしくお願いします。 -------------------------------------------------------------※ hr.A { border-width: 1px 0px 0px 0px; border-style: dashed; border-color: #000; height: 1px; width: 100%; } hr.B { border-top: 1px dashed #000; height: 1px; width: 100%; }
- ベストアンサー
- CSS
- 下線と文字の間を調整するにはどうしたら良いのでしょうか。
これまで、文章の一部に二重線の下線を引くときには、 <span style="border-bottom:double 3px"></span>といったやり方だったのですが、IE7などで見ると引いた下線と文字のあいだの隙間が広すぎるように思えてきました。この隙間を調整するにはどのようにしたら良いのでしょうか。 どなたか詳しい方ご教授くださいますようにお願いいたします。
- ベストアンサー
- HTML
- ホームページ 点線の入った表の書き方(CSSを使って)
表を作っています。 何度もチャレンジしながらやりましたが・・ギブアップ・・・分かりません。。わかる方がいらっしゃったら教えてください。 http://hw001.gate01.com/with-flower/tesuto/article04.html (1)1つの枠の中(物件)で区切りに点線を入れたいのですが、どのようにしたらいいでしょうか? (2)上下に重なった枠線を片方だけにできないでしょうか? または改行を入れようと思ったのですが、間隔が広すぎておかしくなります。改行幅の指定はできるのでしょうか? ↓CSS .solid {border-width:1px; border-style:solid; border-color:#330000;} .dashed {border-width:1px; border-style:dashed; border-color:#cccccc;}
- ベストアンサー
- Windows XP
- IE8・Firefoxで「border:dotted」を使って下線をひ
IE8・Firefoxで「border:dotted」を使って下線をひくとうまく表示されません。 IE7では正常に下線がひかれるのですが、IE8やFirefoxでは「間隔の広いドット線で」対象が「上下左右囲われて」しまいます。 CSSの記述は以下のようにし、htmlで下線をひきたい対象を<div>で囲っています。 border-width:0px 0px 1px 0px; border: dotted gray; できればどのブラウザでも極力同じ見え方にしたいのですが、可能でしょうか? ご存知の方、ご教授の程よろしくお願いいたします。
- ベストアンサー
- HTML
- 黒文字の文中に赤い下線をひきたい
下線設定といえば、<U>タグがありますが、文字の色と同じ線を引くため使えませんでした。 cssのborder-bottomで設定したところ、Macのネスケを使っているのですが文章と下線の間がかなり空いてしまって(余白ができて)、次の行に下線がかぶってしまいました; 具体的には下記のようなソースなのですが、どのようにすれば赤い下線が次の行にかぶらずに表示できるでしょうか <ソース> 【cssファイル】 TD{ font-size:12px; line-height:16px; } .line{ font-size:12px; border-bottom: 1px solid #FF0000; } 【htmlファイル】 <TABLE> <TR> <TD>応募は<SPAN class="line">2008年1月31日必着</SPAN>です。遅れないようにしてください。</TD> </TR> <TABLE> 一応お店のホームページとして使っているので、IE6・IE7とネスケ最新では見えるようにしたいです。
- ベストアンサー
- HTML
- スタイルシートで点線のアンダーライン
スタイルシートを使用し、インデントを付けたテキストに点線のアンダーラインをつけようとしています。 【CSS部分】 .honbun { border-bottom-style: dotted; border-left-width:20px; border-bottom-color: #523D2F; border-bottom-width: 1px; margin: 20px; line-height: 20px; } 【html部分】 <p class=honbun> テスト<br> テスト<br> テスト<br> </p> 【画面結果】 テスト テスト テスト ------ すべての行のテキストのアンダーラインに、点線のアンダーラインを入れたいのですが、 ひとつの要素としてみてしまうのか、できません…。 一行づつにスタイルシートで点線を指定しなければ実現できないのでしょうか。(そもそも不可能?) よろしくご教授ください。どうぞよろしくお願い致します。
- ベストアンサー
- HTML
- IE8で水平線(点線)を表示させるには?
ホームページを作っているのですが、行き詰ってしまったので質問します。 点線を入れるために、 <hr align="left" width="450" size="1" color="#99E655" style="border-style:dotted"> と打ったのですが、点線が表示されませんでした…。 firefoxではなんとなく表示できたのですが、IE8では太い1本線になってしまいました。 調べたところ、IE8では水平線がおかしくなるようなことが書いてあったので、何か別の方法を知っている方は教えてください。
- ベストアンサー
- HTML
お礼
この方法を参考に <span style="border-bottom:dashed; border-bottom-width:1px; padding-bottom:2px;">あ<u>い</u>う</span> とすることにしました。