11<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
22<html lang="en">
3- <!-- $Id: sample.src,v 2.12 1998-03-23 06:37:54 ijacobs Exp $ -->
3+ <!-- $Id: sample.src,v 2.13 1998-03-23 13:18:30 howcome Exp $ -->
44<HEAD>
55<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
66<TITLE>Appendix A: A sample style sheet for HTML 4.0</TITLE>
@@ -35,58 +35,61 @@ NOFRAMES,
3535OBJECT, OL, P,
3636UL, APPLET,
3737CENTER, DIR,
38- HR, MENU, PRE { display: block}
39- LI { display: list-item}
40- HEAD { display: none}
41- TABLE { display: table}
42- TR { display: table-row}
43- THEAD { display: table-header-group}
44- TBODY { display: table-footer-group}
45- TFOOT { display: table-row-group}
46- COL { display: table-column}
47- COLGROUP { display: table-column-group}
48- TD, TH { display: table-cell}
49- CAPTION { display: table-caption}
50- TH { font-weight: bolder; text-align: center}
51- CAPTION { text-align: center}
52- BODY { padding: 8px; line-height: 1.33}
53- H1 { font-size: 2em; margin: .67em 0}
54- H2 { font-size: 1.5em; margin: .83em 0}
55- H3 { font-size: 1.17em; margin: 1em 0}
38+ HR, MENU, PRE { display: block }
39+ LI { display: list-item }
40+ HEAD { display: none }
41+ TABLE { display: table }
42+ TR { display: table-row }
43+ THEAD { display: table-header-group }
44+ TBODY { display: table-footer-group }
45+ TFOOT { display: table-row-group }
46+ COL { display: table-column }
47+ COLGROUP { display: table-column-group }
48+ TD, TH { display: table-cell }
49+ CAPTION { display: table-caption }
50+ TH { font-weight: bolder; text-align: center }
51+ CAPTION { text-align: center }
52+ BODY { padding: 8px; line-height: 1.33 }
53+ H1 { font-size: 2em; margin: .67em 0 }
54+ H2 { font-size: 1.5em; margin: .83em 0 }
55+ H3 { font-size: 1.17em; margin: 1em 0 }
5656H4, P,
5757BLOCKQUOTE, UL,
58+ FIELDSET, FORM,
5859OL, DL, DIR,
59- MENU { margin: 1.33em 0}
60- H5 { font-size: .83em; line-height: 1.17em; margin: 1.67em 0}
61- H6 { font-size: .67em; margin: 2.33em 0}
60+ MENU { margin: 1.33em 0 }
61+ H5 { font-size: .83em; line-height: 1.17em; margin: 1.67em 0 }
62+ H6 { font-size: .67em; margin: 2.33em 0 }
6263H1, H2, H3, H4,
6364H5, H6, B,
64- STRONG { font-weight: bolder}
65- BLOCKQUOTE { margin-left: 40px; margin-right: 40px}
65+ STRONG { font-weight: bolder }
66+ BLOCKQUOTE { margin-left: 40px; margin-right: 40px }
6667I, CITE, EM,
67- VAR, ADDRESS { font-style: italic}
68+ VAR, ADDRESS { font-style: italic }
6869PRE, TT, CODE,
69- KBD, SAMP { font-family: monospace}
70- PRE { white-space: pre}
71- BIG { font-size: 1.17em}
72- SMALL, SUB, SUP { font-size: .83em}
73- SUB { vertical-align: sub}
74- SUP { vertical-align: super}
75- S, STRIKE, DEL { text-decoration: line-through}
76- HR { border: 1px inset}
70+ KBD, SAMP { font-family: monospace }
71+ PRE { white-space: pre }
72+ BIG { font-size: 1.17em }
73+ SMALL, SUB, SUP { font-size: .83em }
74+ SUB { vertical-align: sub }
75+ SUP { vertical-align: super }
76+ S, STRIKE, DEL { text-decoration: line-through }
77+ HR { border: 1px inset }
7778OL, UL, DIR,
78- MENU, DD { margin-left: 40px}
79- OL { list-style-type: decimal}
79+ MENU, DD { margin-left: 40px }
80+ OL { list-style-type: decimal }
8081OL UL, UL OL,
81- UL UL, OL OL {margin-top: 0; margin-bottom: 0}
82- U, INS {text-decoration: underline}
83- CENTER {text-align: center}
84- BR:before {content: "\A"}
82+ UL UL, OL OL { margin-top: 0; margin-bottom: 0 }
83+ U, INS { text-decoration: underline }
84+ CENTER { text-align: center }
85+ BR:before { content: "\A" }
86+
8587/* An example of style for HTML 4.0's new
8688 ABBR/ACRONYM elements */
87- ABBR, ACRONYM {font-variant: small-caps; letter-spacing: 0.1em}
88- A[href] {text-decoration: underline}
89- :focus {outline: thin dotted invert}
89+
90+ ABBR, ACRONYM { font-variant: small-caps; letter-spacing: 0.1em }
91+ A[href] { text-decoration: underline }
92+ :focus { outline: thin dotted invert }
9093
9194/* For Unicode bidi */
9295BDO[DIR="ltr"] { direction: ltr; unicode-bidi: bidi-override }
@@ -95,41 +98,45 @@ BDO[DIR="rtl"] { direction: rtl; unicode-bidi: bidi-override }
9598*[DIR="ltr"] { direction: ltr; unicode-bidi: embed }
9699*[DIR="rtl"] { direction: rtl; unicode-bidi: embed }
97100
98- /* Block -level elements */
101+ /* Elements that are block -level in HTML4 */
99102ADDRESS, BLOCKQUOTE, BODY, DD, DIV, DL, DT, FIELDSET,
100103FORM, FRAME, FRAMESET, H1, H2, H3, H4, H5, H6, IFRAME,
101104NOSCRIPT, NOFRAMES, OBJECT, OL, P, UL, APPLET, CENTER,
102105DIR, HR, MENU, PRE, LI, TABLE, TR, THEAD, TBODY, TFOOT,
103106COL, COLGROUP, TD, TH, CAPTION
104107 { unicode-bidi: embed }
105108
106- /* Begin aural section */
107- /* The following rules have been adapted from
108- suggestions by T.V. Raman.
109- */
110- @media speech
111- {
112- H1, H2, H3, H4,
113- H5, H6 {voice-family: paul, male; stress: 20; richness: 90}
114- H1 {pitch: x-low; pitch-range: 90}
115- H2 {pitch: x-low; pitch-range: 80}
116- H3 {pitch: low; pitch-range: 70}
117- H4 {pitch: medium; pitch-range: 60}
118- H5 {pitch: medium; pitch-range: 50}
119- H6 {pitch: medium; pitch-range: 40}
120- LI,DT,DD {pitch: medium; richness: 60}
121- DT {stress: 80}
122- PRE,CODE,TT {pitch: medium; pitch-range: 0; stress: 0; richness: 80}
123- EM {pitch: medium; pitch-range: 60; stress: 60; richness: 50}
124- STRONG {pitch: medium; pitch-range: 60; stress: 90; richness: 90}
125- DFN {pitch: high; pitch-range: 60; stress: 60}
126- S,STRIKE {richness: 0}
127- I {pitch: medium; pitch-range: 60; stress: 60; richness: 50}
128- B {pitch: medium; pitch-range: 60; stress: 90; richness: 90}
129- U {richness: 0}
130- A:link {voice-family: harry, male}
131- A:visited {voice-family: betty, female}
132- A:active {voice-family: betty, female; pitch-range: 80; pitch: x-high}
109+ @media print {
110+ @page { margin: 10% }
111+ H1, H2, H3,
112+ H4, H5, H6 { page-break-after: avoid; page-break-inside: avoid }
113+ BLOCKQUOTE,
114+ PRE { page-break-inside: avoid }
115+ UL, OL, DL { page-break-before: avoid }
116+ }
117+
118+ @media speech {
119+ H1, H2, H3,
120+ H4, H5, H6 { voice-family: paul, male; stress: 20; richness: 90 }
121+ H1 { pitch: x-low; pitch-range: 90 }
122+ H2 { pitch: x-low; pitch-range: 80 }
123+ H3 { pitch: low; pitch-range: 70 }
124+ H4 { pitch: medium; pitch-range: 60 }
125+ H5 { pitch: medium; pitch-range: 50 }
126+ H6 { pitch: medium; pitch-range: 40 }
127+ LI,DT,DD { pitch: medium; richness: 60 }
128+ DT { stress: 80 }
129+ PRE,CODE,TT { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
130+ EM { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
131+ STRONG { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
132+ DFN { pitch: high; pitch-range: 60; stress: 60 }
133+ S,STRIKE { richness: 0}
134+ I { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
135+ B { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
136+ U { richness: 0 }
137+ A:link { voice-family: harry, male }
138+ A:visited { voice-family: betty, female }
139+ A:active { voice-family: betty, female; pitch-range: 80; pitch: x-high }
133140}
134141</pre>
135142</BODY>
0 commit comments