HTML4.0の参考CSS

次のスタイルシートは,HTML 4.0 ([HTML40]) 要素の典型的なフォーマット化を記述している。

開発者は,実装の際,デフォルトのスタイルシートとしてこれを使用することを推奨します。

置換要素 (IMG, OBJECT), スクリプト要素(SCRIPT, APPLET), フォーム制御要素及びフレーム要素などのいくつかのHTML要素は,CSS2では完全な表示を表現できません。

ADDRESS,BLOCKQUOTE,BODY,DD, DIV, DL, DT, FIELDSET, FORM, FRAME,
 FRAMESET, H1, H2, H3, H4, H5, H6, IFRAME, NOFRAMES, OBJECT,
 OL, P, UL, APPLET, CENTER, DIR, HR, MENU, PRE{
      display: block
            }
LI{
      display: list-item
  }
HEAD{
      display: none
      }
TABLE {
    display: table
      }
TR {
      display: table-row
            }
THEAD {
      display: table-header-group
            }
TBODY {
      display: table-row-group
            }
TFOOT{
      display: table-footer-group
          }
COL{
      display: table-column
            }
COLGROUP{
      display: table-column-group
            }
TD, TH{
      display: table-cell
            }
CAPTION{
      display: table-caption
            }
TH{
      font-weight: bolder; text-align: center
          }
CAPTION{
      text-align: center
          }
BODY{
      padding: 8px; line-height: 1.33
          }
H1{
      font-size: 2em; margin: .67em 0
        }
H2{
      font-size: 1.5em; margin: .83em 0
          }
H3{
      font-size: 1.17em; margin: 1em 0
        }
H4, P, BLOCKQUOTE, UL, FIELDSET, FORM,
    OL, DL, DIR, MENU{
      margin: 1.33em 0
          }
H5{
      font-size: .83em; line-height: 1.17em;
      margin: 1.67em 0
        }
H6{
      font-size: .67em; margin: 2.33em 0
          }
H1, H2, H3, H4, H5, H6, B, STRONG{
    font-weight: bolder
  }
BLOCKQUOTE{
    margin-left: 40px; margin-right: 40px
    }
I, CITE, EM, VAR, ADDRESS {
      font-style: italic
    }
PRE, TT, CODE, KBD, SAMP{
    font-family: monospace
    }
PRE{
      white-space: pre
    }
BIG{
      font-size: 1.17em
    }
SMALL, SUB, SUP{
      font-size: .83em
    }
SUB{
      vertical-align: sub
    }
SUP{
      vertical-align: super
    }
S, STRIKE, DEL{
      text-decoration: line-through
    }
HR{
      border: 1px inset
    }
OL, UL, DIR, MENU, DD{
      margin-left: 40px
    }
OL{
      list-style-type: decimal
    }
OL UL, UL OL, UL UL, OL OL{
      margin-top: 0; margin-bottom: 0
    }
U, INS{
      text-decoration: underline
    }
CENTER{
      text-align: center
    }
BR:before{
    content: "\A"
    }
/* An example of style for HTML 4.0's ABBR/ACRONYM elements */
ABBR, ACRONYM{
      font-variant: small-caps; letter-spacing: 0.1em
    }
A[href]{
      text-decoration: underline
    }
:focus{
      outline: thin dotted invert
    }
/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]{
    direction: ltr; unicode-bidi: bidi-override
    }
BDO[DIR="rtl"]{
      direction: rtl; unicode-bidi: bidi-override
    }
*[DIR="ltr"]{
direction: ltr; unicode-bidi: embed
    }
*[DIR="rtl"]{
direction: rtl; unicode-bidi: embed
    }
/* Elements that are block-level in HTML4 */
ADDRESS, BLOCKQUOTE, BODY, DD, DIV, DL, DT,
 FIELDSET, FORM, FRAME, FRAMESET, H1, H2, H3, H4, H5, H6,
IFRAME, NOSCRIPT, NOFRAMES, OBJECT, OL, P, UL, APPLET,
 CENTER, DIR, HR, MENU, PRE, LI, TABLE, TR, THEAD, TBODY,
TFOOT, COL, COLGROUP, TD, TH, CAPTION
    {
      unicode-bidi: embed
    }
/* End bidi settings */
@media print{
@page{
margin: 10%
    }
H1, H2, H3, H4, H5, H6{
      page-break-after: avoid; page-break-inside: avoid
    }
BLOCKQUOTE, PRE{
      page-break-inside: avoid
    }
UL, OL, DL{
      page-break-before: avoid
    }
}
@media speech{
H1, H2, H3, H4, H5, H6{
      voice-family: paul, male; stress: 20; richness: 90
    }
H1{
  pitch: x-low; pitch-range: 90
    }
H2{
  pitch: x-low; pitch-range: 80
    }
H3{
  pitch: low; pitch-range: 70
  }
H4{
  pitch: medium; pitch-range: 60
    }
H5{
  pitch: medium; pitch-range: 50
    }
H6{
  pitch: medium; pitch-range: 40
    }
LI, DT, DD{
    pitch: medium; richness: 60
    }
DT{
  stress: 80
    }
PRE, CODE, TT{
        pitch: medium; pitch-range: 0; stress: 0; richness: 80    }
EM{
      pitch: medium; pitch-range: 60; stress: 60; richness: 50
    }
STRONG{
          pitch: medium; pitch-range: 60; stress: 90; richness: 90    }
DFN{
      pitch: high; pitch-range: 60; stress: 60
    }
S, STRIKE{
      richness: 0
    }
I{
      pitch: medium; pitch-range: 60; stress: 60; richness: 50
    }
B{
      pitch: medium; pitch-range: 60; stress: 90; richness: 90
  }
U{
    richness: 0
    }
A:link{
      voice-family: harry, male
    }
A:visited{
      voice-family: betty, female
    }
A:active{
    voice-family: betty, female; pitch-range: 80; pitch: x-high
    }
}

HOMEの次スタイルシートの次HTML4.0のスタイルシート例



トレンドマイクロ・オンラインショップ

目的別属性

広告