csswg-drafts/css2/sample.src at dfee0d6d01acb4e104dc1fa828df8cb0f1481211 · bocoup/csswg-drafts · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html lang="en">
<!-- $Id: sample.src,v 2.11 1998-03-15 22:52:07 bbos Exp $ -->
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<TITLE>Appendix A: A sample style sheet for HTML 4.0</TITLE>
</HEAD>
<BODY>
<H1 align="center">A sample style sheet for HTML 4.0</H1>
<P><em>This appendix is informative, not normative.</em></P>

<P>This style sheet describes the typical rendering of all HTML 4.0
([[-HTML40]]) elements based on extensive research into current UA
practice. Developers are encouraged to use it as a default style sheet
in their implementations.

<P>The full presentation of some HTML elements cannot be
expressed in CSS2, including replaced elements (IMG, OBJECT),
scripting elements (SCRIPT, APPLET), form control elements, and
frame elements.

<!-- More detail about these elements needed here! -->

<pre class="example">
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	{display: block}
LI		{display: list-item}
HEAD		{display: none}
TABLE		{display: table}
TR		{display: table-row}
THEAD		{display: table-header-group}
TBODY		{display: table-footer-group}
TFOOT		{display: table-row-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,
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 new
   ABBR/ACRONYM elements */
ABBR, ACRONYM	{font-variant: small-caps; letter-spacing: 0.1em}
A[href] {text-decoration: underline}
:focus {outline: thin dotted invert}

/* Begin aural section */
/* The following rules have been adapted from
   suggestions by T.V. Raman.
*/
@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}
}
</pre>
</BODY>
</HTML>