[PDF] Cascading Style Sheets level 2 CSS2 Specification

View - Download Cascading Style Sheets level 2 CSS2 Specification

Previous PDF

Next PDF

Cascading Style Sheets Level 2 Revision

2 (CSS2.2) SpecificationW3C First Public Working Draft 12 April 2016

This version:

Latest version:

http://www.w3.org/TR/CSS22/

Latest CSS level2:

http://www.w3.org/TR/CSS2/

Latest CSS:

http://www.w3.org/TR/CSS/

Editors' draft:

http://dev.w3.org/csswg/css2/

Editors:

Bert BosBERT WORG

Former editors:

Tantek ÇelikTANTEK CSSTANFORDEDU

)AN(ICKSONIAN HIXIECH (aKON7IUM,IEHOWCOME OPERACOM #HRIS,ILLEYCHRIS WORG )AN*ACOBSIJ WORG

4HISDOCUMENTISALSOAVAILABLEINTHESENON

FILEp.,GZIPED0OST3CRIPTp.,0$&p.. See alsotranslations.

Abstract

This specification defines Cascading Style Sheets level#33ISASTYLESHEETLANGUAGETHATALLOWSAU #33ISTHESECONDREVISIONOF#33LEVEL;#33=p.. It corrects a few errors in CSSTHEFIRST REVISIONOF#33LEVEL)TISnotthe latest version of CSS. See the "CSS Snapshot";#33=p.for an ll

CSS levelSUPPORTSMEDIA

FACE

Status of this document

This section describes the status of this document at the time of its publication. Other documents may su-

D9FG989H<=G8C7IA9BH

K CF;-+ Publication as a First Public Working Draft does not imply endorsement by the W3C Membership. This

4HEARCHIVEDPUBLICMAILINGLISTWWW

STYLE WORGSEEINSTRUCTIONSISPREFERREDFORDISCUSSIONOF

THISSPECIFICATION7HENSENDINGE

n;#33=...summary of comment..."

Table of Contents

1 About the CSS2.2 Specification. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17

2 Introduction to CSS2.2. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25

3 Conformance: Requirements and Recommendations. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35

4 Syntax and basic data types. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43

5 Selectors. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 71

6 Assigning property values, Cascading, and Inheritance. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 97

7 Media types. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 107

8 Box model. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 113-5G758=B;,HM@9,<99HG%9J9@+9J=G=CB,,

,D97=:=75H=CBQ -l

9 Visual formatting model. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 133

10 Visual formatting model details. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 183

11 Visual effects. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 209

12 Generatedcontent, automaticnumbering, and lists. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 221

13 Paged media. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 245

14 Colors and Backgrounds. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 255

15 Fonts. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 265

16 Text. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 281

17 Tables. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 295

18 User interface. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 327

Appendix A. Aural style sheets. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 335

Appendix B. Bibliography. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 361

Appendix C. Changes. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 367

Appendix D. Default style sheet for HTML 4. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 381

Appendix E. Elaborate description of Stacking Contexts. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 385

Appendix F. Full property table. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 391

Appendix G. Grammar of CSS2.2. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 407

Appendix I. Index. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 415

Full Table of Contents

1 About the CSS2.2 Specification. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17

1.1 CSSVS#33

2EADINGTHESPECIFICATION

(OWTHESPECIFICATIONISORGANIZED #ONVENTIONS

1.4.1 Document language elements and attributes. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . -5G758=B;,HM@9,<99HG%9J9@+9J=G=CB,,

,D97=:=75H=CBQ -l

1.4.2 CSS property definitions. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

6ALUE )NITIAL !PPLIESTO )NHERITED

0ERCENTAGEVALUES

-EDIAGROUPS #OMPUTEDVALUE

1.4.3 Shorthand properties. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

1.4.4 Notes and examples. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

1.4.5 Images and long descriptions. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

!CKNOWLEDGMENTS

2 Introduction to CSS2.2. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25

2.1 A brief CSSTUTORIALFOR(4-,

!BRIEF#33TUTORIALFOR8-,

4HE#33PROCESSINGMODEL

2.3.1 The canvas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

2.3.2 CSS

588F9GG=B;AC89@. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

#33DESIGNPRINCIPLES

3 Conformance: Requirements and Recommendations. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35

3.1 Definitions

5!#ONFORMANCE

%RRORCONDITIONS

4HETEXTCSSCONTENTTYPE

4 Syntax and basic data types. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43-5G758=B;,HM@9,<99HG%9J9@+9J=G=CB,,

,D97=:=75H=CBQ -l

4.1 Syntax

4.1.1 Tokenization. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

4.1.2 Keywords. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

6ENDOR

SPECIFICEXTENSIONS

)NFORMATIVE(ISTORICAL.OTES

4.1.3 Characters and case. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

4.1.4 Statements. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

4.1.5HFI@9G. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

4.1.6 Blocks. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

4.1.7 Rule sets, declaration blocks, and selectors. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

4.1.8 Declarations and properties. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

4.1.9 Comments. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

2ULESFORHANDLINGPARSINGERRORS

6ALUES

4.3.1 Integers and real numbers. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

4.3.2 Lengths. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

4.3.3 Percentages. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

4.3.4 URLs and URIs. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

4.3.5 Counters. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

4.3.6 Colors. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

4.3.7 Strings. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

4.3.8 Unsupported Values. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

#33STYLESHEETREPRESENTATION

4.4.1 Referring to characters not represented in a character encoding. . . . . . . . . . . . . . . . . . . . . . . . . .

5 Selectors. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 71-5G758=B;,HM@9,<99HG%9J9@+9J=G=CB,,

,D97=:=75H=CBQ -l

5.1 Pattern matching

3ELECTORSYNTAX

5.2.1 Grouping. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

5NIVERSALSELECTOR

4YPESELECTORS

$ESCENDANTSELECTORS #HILDSELECTORS !DJACENTSIBLINGSELECTORS !TTRIBUTESELECTORS

5.8.1 Matching attributes and attribute values. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

5.8.2 Default attribute values in DTDs. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

5.8.3 Class selectors. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

)$SELECTORS

0SEUDO

ELEMENTSANDPSEUDO

CLASSES

0SEUDO

CLASSES

5.11.1 :first-child pseudo-class. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

5.11.2 The link pseudo-classes:@=B?5B8J=G=H98. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

5.11.3 The dynamic pseudo-classes:

5.11.4 The language pseudo-class:@5B;. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

0SEUDO

ELEMENTS

5.12.1 The:=FGH@=B9DG9I8C9@9A9BH. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

5.12.2 The:=FGH@9HH9FDG9I8C9@9A9BH. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

5.12.3 The69:CF95B85:H9FDG9I8C9@9A9BHG. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

6 Assigning property values, Cascading, and Inheritance. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 97

6.1 Specified, computed, and actual values-5G758=B;,HM@9,<99HG%9J9@+9J=G=CB,,

,D97=:=75H=CBQ -l

6.1.1,D97=:=98J5@I9G. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

6.1.2CADIH98J5@I9G. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

6.1.3.G98J5@I9G. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

6.1.47HI5@J5@I9G. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

)NHERITANCE

6.2.1 The=B<9F=HJ5@I9. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

4HE IMPORTRULE

4HECASCADE

6.4.1 Cascading order. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

6.4.2 !important rules. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

6.4.3 Calculating a selector's specificity. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

6.4.4 Precedence of non-CSS presentational hints. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

7 Media types. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 107

7.1 Introduction to media types

3PECIFYINGMEDIA

DEPENDENTSTYLESHEETS

7.2.1 The @media rule. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

2ECOGNIZEDMEDIATYPES

7.3.1 Media groups. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

8 Box model. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 113

8.1 Box dimensions

%XAMPLEOFMARGINSPADDINGANDBORDERS -ARGINPROPERTIESMARGIN

TOPMARGIN

RIGHTMARGIN

BOTTOMMARGIN

LEFTANDMARGIN

8.3.1 Collapsing margins. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

0ADDINGPROPERTIESPADDING

TOPPADDING

RIGHTPADDING

BOTTOMPADDING

LEFTANDPADDING

,D97=:=75H=CBQ -l

8.5.1 Border width:6CF89FHCDK=8H<6CF89FF=;

5B86CF89FK=8H<. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

8.5.2 Border color:6CF89FHCD7C@CF6CF89FF=;

6CF89F7C@CF. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

8.5.3 Border style:6CF89FHCDGHM@96CF89FF=;

6CF89FGHM@9. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

8.5.4 Border shorthand properties:6CF89FHCD6CF89FF=;

89F. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

9 Visual formatting model. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 133

9.1 Introduction to the visual formatting model

9.1.1 The viewport. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

9.1.2CBH5=B=B;6@C7?G. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

#ONTROLLINGBOXGENERATION

9.2.1 Block-level elements and block boxes. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

!NONYMOUSBLOCKBOXES

9.2.2 Inline-level elements and inline boxes. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

!NONYMOUSINLINEBOXES

9.2.3 Run-in boxes. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

9.2.4 The8=GD@5MDFCD9FHM. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

0OSITIONINGSCHEMES

9.3.1 Choosing a positioning scheme:DCG=H=CBDFCD9FHM. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

9.3.2 Box offsets:HCDF=; .ORMALFLOW

9.4.1 Block formatting contexts. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

9.4.2 Inline formatting contexts. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

9.4.3 Relative positioning. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . -5G758=B;,HM@9,<99HG%9J9@+9J=G=CB,,

,D97=:=75H=CBQ -l

9.5 Floats

9.5.1 Positioning the float: the:@C5HDFCD9FHM. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

9.5.2 Controlling flow next to floats: the7@95FDFCD9FHM. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

!BSOLUTEPOSITIONING

9.6.1 Fixed positioning. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

9.8.1 Normal flow. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

9.8.2 Relative positioning. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

9.8.3 Floating a box. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

9.8.4 Absolute positioning. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

,AYEREDPRESENTATION

9.9.1 Specifying the stack level: theN=B89LDFCD9FHM. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

4EXTDIRECTIONTHEDIRECTIONANDUNICODE

BIDIPROPERTIES

10 Visual formatting model details. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 183

10.1 Definition of "containing block"

#ONTENTWIDTHTHEWIDTHPROPERTY #ALCULATINGWIDTHSANDMARGINS

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. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . -5G758=B;,HM@9,<99HG%9J9@+9J=G=CB,,

,D97=:=75H=CBQ -l

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. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

-INIMUMANDMAXIMUMWIDTHSMIN

WIDTHANDMAX

WIDTH #ONTENTHEIGHTTHEHEIGHTPROPERTY #ALCULATINGHEIGHTSANDMARGINS

10.6.1 Inline, non-replaced elements. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

10.6.2 Inline replaced elements, block-level replaced elements in normal flow, 'inline-block' replaced ele-

A9BHG=BBCFA5@:@CK5B8:@C5H=B;F9D@57989@9A9BHG. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

10.6.3 Block-level non-replaced elements in normal flow when 'overflow' computes to 'visible'. . . . . .

10.6.4 Absolutely positioned, non-replaced elements. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

10.6.5 Absolutely positioned, replaced elements. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

10.6.6 Complicated cases. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

10.6.7 'Auto' heights for block formatting context roots. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

-INIMUMANDMAXIMUMHEIGHTSMIN

HEIGHTANDMAX

HEIGHT

,INEHEIGHTCALCULATIONSTHELINE

HEIGHTANDVERTICAL

ALIGNPROPERTIES

10.8.1 Leading and half-leading. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

11 Visual effects. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 209

11.1 Overflow and clipping

11.1.1 Overflow: theCJ9F:@CKDFCD9FHM. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

11.1.2 Clipping: the7@=DDFCD9FHM. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

6ISIBILITYTHEVISIBILITYPROPERTY

12 Generatedcontent, automaticnumbering, and lists. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 221

12.1 TheBEFOREANDAFTERPSEUDO

ELEMENTS

4HECONTENTPROPERTY

,D97=:=75H=CBQ -l

12.3.1 Specifying quotes with theEICH9GDFCD9FHM. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

12.3.2 Inserting quotes with the7CBH9BHDFCD9FHM. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

!UTOMATICCOUNTERSANDNUMBERING

12.4.1 Nested counters and scope. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

12.4.2 Counter styles. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

12.4.3 Counters in elements with 'display: none'. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

,ISTS

12.5.1 Lists: the@=GHGHM@9HMD9@=GHGHM@9=A5;9@=GHGHM@9DCG=H=CB5B8@=GHGHM@9DFCD9FH=9G. . . . .

13 Paged media. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 245

13.1 Introduction to paged media

0AGEBOXESTHE PAGERULE

13.2.1 Page margins. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

13.2.2 Page selectors: selecting left, right, and first pages. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

13.2.3 Content outside the page box. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

0AGEBREAKS

13.3.1 Page break properties:D5;96F95?69:CF9D5;96F95?5:H9FD5;96F95?=BG=89. . . . . . . . .

13.3.2 Breaks inside elements:CFD<5BGK=8CKG. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

13.3.3 Allowed page breaks. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

13.3.4 Forced page breaks. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

13.3.5 "Best" page breaks. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

#ASCADINGINTHEPAGECONTEXT

14 Colors and Backgrounds. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 255

14.1 Foreground color: theCOLORPROPERTY

4HEBACKGROUND

14.2.1 Background properties:657?;FCIB87C@CF657?;FCIB8=A5;9657?;FCIB8F9D95H

657?;FCIB85HH57 ,D97=:=75H=CBQ -l

15 Fonts. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 265

15.1 Introduction

&ONTMATCHINGALGORITHM &ONTFAMILYTHEFONT

FAMILYPROPERTY

15.3.1 Generic font families. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

serif. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

sans-serif. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

cursive. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

fantasy. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

monospace. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

&ONTSTYLINGTHEFONT

STYLEPROPERTY

3MALL

CAPSTHEFONT

VARIANTPROPERTY

&ONTBOLDNESSTHEFONT

WEIGHTPROPERTY

&ONTSIZETHEFONT

SIZEPROPERTY

3HORTHANDFONTPROPERTYTHEFONTPROPERTY

16 Text. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 281

16.1 Indentation: theTEXT

INDENTPROPERTY

!LIGNMENTTHETEXT

ALIGNPROPERTY

$ECORATION

16.3.1 Underlining, overlining, striking, and blinking: theH9LH897CF5H=CBDFCD9FHM. . . . . . . . . . . . . .

,ETTERANDWORDSPACINGTHELETTER

SPACINGANDWORD

SPACINGPROPERTIES

#APITALIZATIONTHETEXT

TRANSFORMPROPERTY

7HITESPACETHEWHITE

SPACEPROPERTY

16.6.1 The 'white-space' processing model. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

16.6.2 Example of bidirectionality with white space collapsing. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . -5G758=B;,HM@9,<99HG%9J9@+9J=G=CB,,

,D97=:=75H=CBQ -l

16.6.3 Control and combining characters' details. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

17 Tables. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 295

17.1 Introduction to tables

4HE#33TABLEMODEL

17.2.1 Anonymous table objects. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

#OLUMNS

4ABLESINTHEVISUALFORMATTINGMODEL

17.4.1 Caption position and alignment. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

6ISUALLAYOUTOFTABLECONTENTS

17.5.1 Table layers and transparency. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

17.5.2 Table width algorithms: theH56@9@5MCIHDFCD9FHM. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

&IXEDTABLELAYOUT !UTOMATICTABLELAYOUT

17.5.3 Table height algorithms. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

17.5.4 Horizontal alignment in a column. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

17.5.5 Dynamic row and column effects. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

"ORDERS

17.6.1 The separated borders model. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

CELLSPROPERTY

17.6.2 The collapsing border model. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

"ORDERCONFLICTRESOLUTION

17.6.3 Border styles. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

18 User interface. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 327

18.1 Cursors: theCURSORPROPERTY

,D97=:=75H=CBQ -l

18.3 User preferences for fonts

$YNAMICOUTLINESTHEOUTLINEPROPERTY

18.4.1 Outlines and the focus. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

quotesdbs_dbs19.pdfusesText_25

[PDF] walk in closet design dimensions

[PDF] wall mounted weather station

[PDF] walsh transform for n=4

[PDF] walt disney studios park

[PDF] wap images ma

[PDF] war in africa 2020

[PDF] warm up exercises acsm

[PDF] was the eiffel tower a gift

[PDF] wash dc metro map pdf

[PDF] washington dc metro map pdf

[PDF] washington dc metro map with streets

[PDF] washington dc metro map with streets pdf

[PDF] washington dc subway map with streets

[PDF] water pollution suggestion

[PDF] water shortage questionnaire