タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

*cssとhrに関するmimimi0101のブックマーク (2)

  • スタイルシート[CSS]/ページ全般/水平線の境界線を指定する - TAG index

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>文書のタイトル</title> <style type="text/css"> hr { margin-bottom: 15px; } hr.example1 { height: 10px; background-color: #ffdfe2; border: 1px #ff0000 solid; color: #ffdfe2; } hr.example2 { height: 10px; background-color: #ff8080; border: 2px solid; border-color: #c40000 #ffdfe2 #ffd

    スタイルシート[CSS]/ページ全般/水平線の境界線を指定する - TAG index
  • <hr>要素のスタイル - CSS小技集

    ここでは<hr>要素のスタイルを定める際に注意しなければならない事を具体例を交えて解説します。 まずはじめに…。 <hr>要素(横罫線)はCSSを扱う上で意外に厄介な代物です。 表示スタイルについて、明確な決まりが無いからです。 このため、<hr>要素に画像を用いる場合、さまざまな問題に悩まされました。 それでも、最近ではインターネットエクスプローラ 7.0 までを除けば、多くの環境でそれなりのスタイルを実現出来るようになって来たようです。 ただ、殆どのブラウザにバグがあるのも事実ですが…。 ここでは、なるべく多くの環境でそれなりに<hr>要素のスタイルを定める方法について考えてみましょう。 主なブラウザでの<hr>要素の実装。 ファイヤーフォックスとオペラでの<hr>要素の実装。 ファイヤーフォックスとオペラでは、<hr>要素の実装を以下のように考えているようです。 枠線は境界線と見なす

    <hr>要素のスタイル - CSS小技集
  • 1