REC-CSS2-19980512Cascading Style Sheets, level 2 CSS2revision 1
CSS 2.1 Specification
W3C Recommendation 12-May-1998Working Draft 15 September 2003
- This version:
-
http://www.w3.org/TR/1998/REC-CSS2-19980512http://www.w3.org/TR/2003/WD-CSS21-20030915
- Latest version:
-
http://www.w3.org/TR/REC-CSS2http://www.w3.org/TR/CSS21
- Previous version:
-
http://www.w3.org/TR/1998/PR-CSS2-19980324http://www.w3.org/TR/2003/WD-CSS21-20030128
- Editors:
-
Bert Bos
< bbos@w3.org ><bert @w3.org>
-
Tantek Çelik
<tantekc @microsoft.com>
-
Ian Hickson
<ian @hixie.ch>
-
Håkon Wium Lie
< howcome@w3.org > Chris Lilley < chris@w3.org > Ian Jacobs < ij@w3.org ><howcome @opera.com>
This document is also available in these non-normative formats:
plain text,
gzip'ed tar file,
zip file,
gzip'ed PostScript,
PDF.
See also
translations.
Copyright © 2003 W3C® (MIT, ERCIM, Keio), All Rights Reserved. W3C liability,
trademark,
document
use and software
licensing rules apply.
Abstract
This specification defines Cascading Style Sheets, level 2 (CSS2). CSS2level 2
revision 1 (CSS 2.1). CSS 2.1 is a style sheet language
that allows
authors and users to attach style (e.g., fonts, spacing,fonts and aural cues)spacing) to
structured documents (e.g., HTML documents and XML
applications). By separating the presentation style of documents from
the content of documents, CSS2CSS 2.1 simplifies Web authoring and
site maintenance.
CSS 2.1 builds on CSS2 [CSS2] which builds on CSS1 (see[CSS1] ) and, with very few exceptions, all valid CSS1 style sheets are valid CSS2 style sheets. CSS2.
It supports media-specific style sheets so that authors may tailor the
presentation of their documents to visual browsers, aural devices,
printers, braille devices, handheld devices, etc. This specificationIt also supports
content positioning, downloadable fonts,table layout, features for internationalization, automatic counters and numbering,internationalization
and some properties related to user interface.
StatusCSS 2.1 corrects a few errors in CSS2 (the most important
being a new definition of this document This document has been reviewed by W3C Membersthe height/width of absolutely positioned
elements, more influence for HTML's "style" attribute and other interested partiesa new
calculation of the 'clip' property), and hasadds a few highly requested
features which have already been endorsed by the Director aswidely implemented.
But most of all CSS 2.1
represents a W3C Recommendation."snapshot" of CSS usage: it consists of all CSS features
that are implemented interoperably at the date of publication of the Recommendation.
Status of this document
This is a stable documentW3C Last
Call Working Draft. "Last call" means that the working group
believes that this specification is ready and maytherefore wishes this to
be used as reference material or citedthe last call for comments. If the feedback is positive, the
working group plans to submit it for consideration as a normative reference from another document. W3C's role in making theW3C Candidate Recommendation.
Comments can be sent until 10 October 2003.
This document is to draw attention toproduced by the specificationCSS working group (part of
the Style Activity, see summary).
The (archived)
public mailing list www-style@w3.org (see instructions) is preferred
for discussion of this and to promote its widespread deployment.other drafts in the Style area. When
commenting on this enhancesdraft, please put the functionality and interoperabilitytext "CSS21" in the subject,
preferably like this: "[CSS21] <summary of comment>"
This section describes the status of this document at the Web.time
of its publication. Other documents may supersede this document. A
list of current W3C Recommendationspublications and otherthe latest revision of this
technical documentsreport can be found at http://www.w3.org/TR . Public discussion of CSS features takes place on www-style@w3.org . Available formatsin the CSS2 specificationW3C technical
reports index at http://www.w3.org/TR/. It is
availableinappropriate to use W3C Working Drafts as reference material or to
cite them as other than "work in progress."
For this specification to exit the CR stage, the following
formats: HTML: http://www.w3.org/TR/1998/REC-CSS2-19980512 a plain text file: http://www.w3.org/TR/1998/REC-CSS2-19980512/css2.txt , HTML as a gzip'ed tar file: http://www.w3.org/TR/1998/REC-CSS2-19980512/css2.tgz , HTML asconditions shall be met:
There must be at least two interoperable implementations
implementing 'all' the features. An implementation can implement a
zip file (thissuperset of the features and claim conformance to the profile. For
the purposes of this criterion, we define the following terms:
- feature
-
An individual test case in the test suite.
- interoperable
-
passing the respective test case(s) in the CSS test suite, or,
if the implementation is a '.zip' filenot a web browser, an '.exe'): http://www.w3.org/TR/1998/REC-CSS2-19980512/css2.zip , as well asequivalent test.
Every relevant test in the test suite should have an equivalent
test created if such a gzip'ed PostScript file: http://www.w3.org/TR/1998/REC-CSS2-19980512/css2.ps.gz , andUA is to be used to claim interoperability.
In addition if such a PDF file: http://www.w3.org/TR/1998/REC-CSS2-19980512/css2.pdf .UA is to be used to claim interoperability,
then there must one or more additional UAs which can also pass
those equivalent tests in casethe same way for the purpose of
a discrepancy betweeninteroperability. The equivalent tests must be made publicly
available for the various formspurposes of peer review.
- implementation
-
a user agent which:
- implements the
specification, http://www.w3.org/TR/1998/REC-CSS2-19980512feature.
- is
considered the definitive version.available languages The English version(i.e. publicly downloadable or available
through some other public point of sale mechanism). This specificationis the
only normative version. However,"show me" requirement.
- is shipping (i.e. development, private or unofficial
versions are insufficient).
- is not experimental (i.e. is intended for
translations in other languages see http://www.w3.org/Style/css2-updates/translations.html . Errata The lista wide audience
and could be used on a daily basis.)
A minimum of known errors insixth months of the CR period must have elapsed.
This specificationis available at http://www.w3.org/Style/css2-updates/REC-CSS2-19980512-errata.html . Please reportto ensure that enough time is given for any remaining major
errors in this documentto css2-editors@w3.org .be caught.
Features may/will be dropped if two or more interoperable
implementations are not found by the end of the CR period.
Features may/will also be dropped if adequate/sufficient (by
judgment of CSS WG) tests have not been produced for those
feature(s) by the end of the CR period.
Patent disclosures relevant to CSS may be found on the Working
Group's public patent disclosure
page.
- 1 About the
CSS2CSS 2.1 Specification
- 2 Introduction to
CSS2CSS 2.1
- 3 Conformance: Requirements and Recommendations
- 4
CSS2Syntax and basic data types
- 5 Selectors
- 6 Assigning property values, Cascading, and Inheritance
- 7 Media types
- 8 Box model
- 8.1 Box dimensions
- 8.2 Example of margins, padding, and borders
- 8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'
- 8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'
- 8.5 Border properties
- 8.5.1 Border width: 'border-top-width', 'border-right-width', 'border-bottom-width', 'border-left-width', and 'border-width'
- 8.5.2 Border color: 'border-top-color', 'border-right-color', 'border-bottom-color', 'border-left-color', and 'border-color'
- 8.5.3 Border style: 'border-top-style', 'border-right-style', 'border-bottom-style', 'border-left-style', and 'border-style'
- 8.5.4 Border shorthand properties: 'border-top', 'border-bottom', 'border-right', 'border-left', and 'border'
- 8.6 The box model for inline elements in bidi context
- 9 Visual formatting model
- 10 Visual formatting model details
- 10.1 Definition of "containing block"
- 10.2 Content width: the 'width' property
- 10.3
ComputingCalculating widths and margins
- 10.3.1 Inline, non-replaced elements
- 10.3.2 Inline, replaced elements
- 10.3.3 Block-level, non-replaced elements in normal flow
- 10.3.4 Block-level, replaced elements in normal flow
- 10.3.5 Floating, non-replaced elements
- 10.3.6 Floating, replaced elements
- 10.3.7 Absolutely positioned, non-replaced elements
- 10.3.8 Absolutely positioned, replaced elements
- 10.3.9 'Inline-block', non-replaced elements in normal flow
- 10.3.10 'Inline-block', replaced elements in normal flow
- 10.4 Minimum and maximum widths: 'min-width' and 'max-width'
- 10.5 Content height: the 'height' property
- 10.6
ComputingCalculating heights and margins
- 10.6.1 Inline, non-replaced elements
- 10.6.2
Inline,Inline replaced elements block-level,elements, block-level replaced elements in normal flow, 'inline-block' replaced elements in normal flow and floating,floating replaced elements
- 10.6.3
Block-level,Block-level and 'inline-block', non-replaced elements in normal flow, and floating, non-replaced elementsflow
- 10.6.4 Absolutely positioned, non-replaced elements
- 10.6.5 Absolutely positioned, replaced elements
- 10.6.6 Floating, non-replaced elements
- 10.7 Minimum and maximum heights: 'min-height' and 'max-height'
- 10.8 Line height calculations: the 'line-height' and 'vertical-align' properties
- 11 Visual effects
- 12 Generated content, automatic numbering, and lists
- 13 Paged media
- 14 Colors and Backgrounds
- 15 Fonts
-
15.2.6 Generic font families serif sans-serif cursive fantasy monospace 15.3 Font selection 15.3.1 Font Descriptions and @font-face 15.3.2 Descriptors for Selecting a Font: 'font-family' , 'font-style' , 'font-variant' , 'font-weight' , 'font-stretch' and 'font-size' 15.3.3 Descriptors for Font Data Qualification: 'unicode-range' 15.3.4 Descriptor for Numeric Values: 'units-per-em' 15.3.5 Descriptor for Referencing: 'src' 15.3.6 Descriptors for Matching: 'panose-1' , 'stemv' , 'stemh' , 'slope' , 'cap-height' , 'x-height' , 'ascent' , and 'descent' 15.3.7 Descriptors for Synthesis: 'widths' , 'bbox' and 'definition-src' 15.3.8 Descriptors for Alignment: 'baseline' , 'centerline' , 'mathline' , and 'topline' 15.3.9 Examples 15.4 Font Characteristics 15.4.1 Introducing Font Characteristics 15.4.2 Full font name 15.4.3 Coordinate units on the em square 15.4.4 Central Baseline 15.4.5 Font Encoding 15.4.6 Font family name 15.4.7 Glyph widths 15.4.8 Horizontal stem width 15.4.9 Height of uppercase glyphs 15.4.10 Height of lowercase glyphs 15.4.11 Lower Baseline 15.4.12 Mathematical Baseline 15.4.13 Maximal bounding box 15.4.14 Maximum unaccented height 15.4.15 Maximum unaccented depth 15.4.16 Panose-1 number 15.4.17 Range of ISO 10646 characters 15.4.18 Top Baseline 15.4.19 Vertical stem width 15.4.20 Vertical stroke angle 15.5 Font matching algorithm 15.5.1 Mapping font weight values to font names 15.5.2 Examples of font matching16 Text
- 17 Tables
-
17.7 Audio rendering of tables 17.7.1 Speaking headers: the 'speak-header' property18 User interface
-
19Appendix A. Aural style sheets
- Appendix B.
Changes from CSS1Bibliography
- Appendix C.
Implementation and performance notes for fontsChanges
- C.1
Glossary of font termsAdditional property values
- C.2
Font retrieval C.3 MeaningChanges
- C.3 Errors
- C.3.1 Shorthand properties
- C.3.2 Section 4.1.1 (and G2)
- C.3.3 4.1.3 Characters and case
- C.3.4 Section 4.3 (Double sign problem)
- C.3.5 Section 4.3.2 Lengths
- C.3.6 Section 4.3.6
- C.3.7 5.10 Pseudo-elements and pseudo-classes
- C.3.8 8.2 Example of margins, padding, and borders
- C.3.9 Section 8.5.2 Border color: 'border-top-color', 'border-right-color', 'border-bottom-color', 'border-left-color', and 'border-color'
- C.3.10 Section 8.4 Padding properties
- C.3.11 8.5.3 Border style
- C.3.12 Section 8.5.4 Border shorthand properties: 'border-top', 'border-bottom', 'border-right', 'border-left', and 'border'
- C.3.13 8.5.4 Border shorthand properties: 'border-top', 'border-bottom', 'border-right', 'border-left', and 'border'
- C.3.14 Section 9.3.1
- C.3.15 Section 9.3.2
- C.3.16 Section 9.4.3
- C.3.17 Section 9.7 Relationships between 'display', 'position', and 'float'
- C.3.18 Section 10.3.2 Inline, replaced elements (and 10.3.4, 10.3.6, and 10.3.8)
- C.3.19 Section 10.3.3
- C.3.20 Section 10.6.2 Inline, replaced elements ... (and 10.6.5)
- C.3.21 Section 10.6.3
- C.3.22 Section 11.1.1
- C.3.23 11.2 Visibility: the
grammar'visibility' property
- C.3.24 12.6.2 Lists
- C.3.25 Section 15.2.6
- C.3.26 Section 15.5
- C.3.27 Section 16.6 Whitespace: the 'white-space' property
- C.3.28 Section 17.2 The CSS table model
- C.3.29 17.2.1 Anonymous table objects
- C.3.30 17.5 Visual layout of
CSS2 D.1 Grammartable contents
- C.3.31 17.5 Visual layout of table contents
- C.3.32 Section 17.5.1 Table layers and transparency
- C.3.33 Section 17.6.1 The separated borders model
- C.3.34 Appendix D.2 Lexical scanner
-
D.3 Comparison of tokenization inC.4 Clarifications
- Appendix D. Default style sheet for HTML 4.0
- Appendix E. Elaborate description of Stacking Contexts
- Appendix F. Full property
indextable
- Appendix G.
Descriptor indexGrammar of CSS 2.1
- Appendix
H.I. Index