- ベストアンサー
ページに点線の枠を
こんにちは。 BODY{ border-width :1px 1px 1px 1px; border-style :dashed dashed dashed dashed; border-color :#000000;} スタイルシートで↑のようなかんじでページに枠をつけたのですが、線(border)はdashedに指定しても点線にはならないのでしょうか？(solidとかわりません) いろいろ書き方をかえてみましたが、できません。 もし可能な場合は、どのようにするか教えて下さるとうれしいです。 よろしくおねがいします！
- redrose_wine
- お礼率86% (124/143)
- HTML
- 回答数4
- ありがとう数4
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
その他の回答 (3)
- dattya
- ベストアンサー率53% (61/115)
うーん、スタイルリストで４方向設定記述でdottedにしてもdashedにしてもBODYは実線になってしまうかも知れません。 代替え案 どうしても枠に点線デザインを使いたいならば上下左右マージン（外側の余白）をギリギリ（この場合だったら０か１pxかな）に設定し、大きなテーブル（横100% 縦任意か100%）を作り、その枠を希望の点線にして囲んでしまい＝入れ子にする、パディング（内側の余白）を大きめにとって、その中を編集域とするのはいかがでしょうか。 他に使用する個別にボーダーの設定も出来るしデザイン的には近いのではと思います。 ・・・・すみません 参考にはなりませんなぁ(--;)
お礼
お返事が遅くなってしまって申し訳ありません（＞＜ なかなか上手くいかないものですね・・・＾＾； dattyaさんのおっしゃるやり方が、一番デザイン的に近いので、その方法でやろうと思います。 ありがとうございました～！
- arukamun
- ベストアンサー率35% (842/2394)
こんにちは ＸＰでＩＥ６環境ですが、おっしゃるとおり点線になりませんでした。 <HTML> <BODY STYLE="{margin: 0px;}"> <TABLE WIDTH=100% HEIGHT=100% STYLE="{border-width: 1px; border-style: dashed; border-color: #000000;}"> <TR><TD></TD></TR> </TABLE> </HTML> のように<BODY>でmarginを0pxにして、<TABLE>でWIDTHとHEIGHTを100%にして、STYLEでborder関連を設定するということで出来ますが、面倒ですね。
お礼
お返事が遅くなってしまって申し訳ありません（＞＜ やはり点線は無理そうですね＾＾； 多少面倒ですが、そのやり方でいこうと思います。 ありがとうございました～！
ブラウザのバージョンによる影響かもしれません。 お使いのブラウザはIE5.5などではありませんか? Windows上のIEの場合、バージョン5.x以前はボーダースタイルの破線と点線(dashed dotted)に対応していないようで、これらをsolidとして認識するようです。 他のブラウザでの表示を試してみてはいかがでしょうか。 もしそれで他のブラウザでは破線で表示されるようでしたら、ご質問の現象はブラウザのスタイルシートの解釈の違いが原因でしょう。 これはブラウザの仕様になるので、HTMLやスタイルシートの側で修正するのは難しいのではないかと思います。 参考になれば…
お礼
お返事が遅くなってしまって申し訳ありません（＞＜ ブラウザはIE6.0ですので大丈夫かと思います。 テーブルのボーダーを破線に設定すると、そちらは確認できましたので＾＾； ありがとうございました～。
お礼
度々ありがとうございます！ DOCTYPEスイッチ・・・ですか、難しそうです＾＾； テーブル以外を使って囲む方法もあったのですね。 参考になりました＾＾ いろいろ実験してみたいとおもいます。 ありがとうございました～！