1
1
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
2
2
3
3
< html lang =en >
4
- < head
5
- profile ="http://dublincore.org/documents/2008/08/04/dc-html/ http://www.w3.org/2006/03/hcard ">
4
+ < head profile ="http://www.w3.org/2006/03/hcard ">
6
5
< meta content ="text/html; charset=utf-8 " http-equiv =Content-Type >
7
6
< title > CSS Image Values and Replaced Content Module Level 3</ title >
8
7
9
- < link href ="http://purl.org/dc/terms/ " rel =schema.dc >
10
- < link href ="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright "
11
- rel =dc.rights >
12
- < meta content ="CSS Image Values and Replaced Content Module Level 3 "
13
- name =dc.title >
14
- < meta content =text name =dc.type >
15
- < meta content =2013-04-10 name =dc.date >
16
- < meta content ="Elika J. Etemad " name =dc.creator >
17
- < meta content ="Tab Atkins Jr. " name =dc.creator >
18
- < meta content =W3C name =dc.publisher >
19
- < meta content ="http://dev.w3.org/csswg/css3-images/ " name =dc.identifier >
8
+ < link href ="#contents " rel =contents >
9
+ < link href ="#index " rel =index >
20
10
< link href ="../default.css " rel =stylesheet type ="text/css ">
21
11
< link href ="../csslogo.ico " rel ="shortcut icon " type ="image/x-icon ">
22
12
< link href ="http://www.w3.org/StyleSheets/TR/W3C-ED.css " rel =stylesheet
23
13
type ="text/css ">
24
14
25
- < body >
15
+ < body class = h-entry >
26
16
< div class =head > <!--begin-logo-->
27
17
< p > < a href ="http://www.w3.org/ "> < img alt =W3C height =48
28
18
src ="http://www.w3.org/Icons/w3c_home " width =72 > </ a > <!--end-logo-->
29
19
30
- < h1 > CSS Image Values and Replaced Content Module Level 3</ h1 >
20
+ < h1 class = p-name > CSS Image Values and Replaced Content Module Level 3</ h1 >
31
21
32
- < h2 class ="no-num no-toc " id =longstatus-date > Editor's Draft 10 April 2013</ h2 >
22
+ < h2 class ="no-num no-toc " id =longstatus-date > Editor's Draft < span
23
+ class =dt-updated > < span class =value-title title =20130911 > 11 September
24
+ 2013</ span > </ span > </ h2 >
33
25
34
26
< dl >
35
27
< dt > This Version:
36
28
37
- < dd > < a
29
+ < dd > < a class = u-url
38
30
href ="http://dev.w3.org/csswg/css3-images/ "> http://dev.w3.org/csswg/css3-images/</ a >
39
- <!-- <dd><a href="http://dev.w3.org/csswg/css3-images/">http://www.w3.org/TR/2013/WD-css3-images-20130410/</a>-->
40
31
41
32
< dt > Latest Version:
42
33
@@ -47,6 +38,9 @@ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 10 April 2013</h2>
47
38
48
39
< dd > < a
49
40
href ="http://dev.w3.org/csswg/css3-images/ "> http://dev.w3.org/csswg/css3-images/</ a >
41
+ (< a
42
+ href ="https://dvcs.w3.org/hg/csswg/log/tip/css3-images/Overview.src.html "> change
43
+ log</ a > )
50
44
51
45
< dt > Previous Version:
52
46
@@ -60,27 +54,33 @@ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 10 April 2013</h2>
60
54
61
55
< dt > Issue Tracking:
62
56
63
- < dd > < a
64
- href =" http://www.w3.org/Style/CSS/Tracker/products/27 " > http://www.w3.org/Style/CSS/Tracker/products/27</ a >
57
+ < dd > < a href =" http://www.w3.org/Style/CSS/Tracker/products/27 "
58
+ rel = issues > http://www.w3.org/Style/CSS/Tracker/products/27</ a >
65
59
66
60
< dt > Feedback:
67
61
68
62
< dd > < a
69
63
href ="mailto:www-style@w3.org?subject=%5Bcss-images%5D%20feedback "> www-style@w3.org</ a >
70
- with subject line “< kbd > [css -images] < var > … message topic
64
+ with subject line “< kbd > [css3 -images] < var > … message topic
71
65
…</ var > </ kbd > ” (< a
72
66
href ="http://lists.w3.org/Archives/Public/www-style/ "
73
67
rel =discussion > archives</ a > )
74
68
75
69
< dt > Editors:
76
70
77
- < dd class =vcard > < a class ="url fn "
78
- href ="http://fantasai.inkedblade.net/contact "> Elika J. Etemad</ a > (< span
79
- class =org > Mozilla</ span > )
80
-
81
- < dd class =vcard > < a class ="url fn "
82
- href ="http://www.xanthir.com/contact/ "> Tab Atkins Jr.</ a > (< span
83
- class =org > Google</ span > )
71
+ < dd class ="p-author h-card vcard "> < a class ="p-name fn n u-url url "
72
+ href ="http://fantasai.inkedblade.net/contact " rel =author > < span
73
+ class ="p-given-name given-name "> Elika</ span > < abbr
74
+ class ="p-additional-name additional-name "> J.</ abbr > < span
75
+ class ="p-family-name family-name "> Etemad</ span > </ a > (< a
76
+ class ="p-org org h-org " href ="https://mozilla.org/ "> Mozilla</ a > )
77
+
78
+ < dd class ="p-author h-card vcard "> < a class ="p-name fn n u-url url "
79
+ href ="http://www.xanthir.com/contact/ " rel =author > < span
80
+ class ="p-given-name given-name "> Tab</ span > < span
81
+ class ="p-family-name family-name "> Atkins</ span > < span
82
+ class ="p-honorific-suffix honorific-suffix "> Jr.</ span > </ a > (< span
83
+ class ="p-org org "> Google</ span > )
84
84
</ dl >
85
85
<!--begin-copyright-->
86
86
< p class =copyright > < a
@@ -106,17 +106,18 @@ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 10 April 2013</h2>
106
106
< h2 class ="no-num no-toc " id =abstract > Abstract</ h2 >
107
107
108
108
< p > CSS is a language for describing the rendering of structured documents
109
- (such as HTML and XML) on screen, on paper, in speech, etc. This module
110
- contains the features of CSS level 3 relating to the <image> type and
111
- replaced elements. It includes and extends the functionality of CSS
112
- level 2 < a href ="#CSS21 " rel =biblioentry > [CSS21]<!--{{!CSS21}}--> </ a > ,
113
- which builds on CSS level 1 < a href ="#CSS1 "
114
- rel =biblioentry > [CSS1]<!--{{CSS1}}--> </ a > . The main extensions compared to
115
- level 2 are the generalization of the <url> type to the <image>
116
- type, several additions to the ‘< a href ="#image-type "> < code
117
- class =css > <image> </ code > </ a > ’ type, a generic sizing algorithm for
118
- images and other replaced content in CSS, and several properties
119
- controlling the interaction of replaced elements and CSS's layout models.
109
+ (such as HTML and XML) on screen, on paper, in speech, etc. < span
110
+ class =p-summary > This module contains the features of CSS level 3
111
+ relating to the <image> type and replaced elements. It includes and
112
+ extends the functionality of CSS level 2 < a href ="#CSS21 "
113
+ rel =biblioentry > [CSS21]<!--{{!CSS21}}--> </ a > , which builds on CSS level 1
114
+ < a href ="#CSS1 " rel =biblioentry > [CSS1]<!--{{CSS1}}--> </ a > . The main
115
+ extensions compared to level 2 are the generalization of the <url>
116
+ type to the <image> type, several additions to the ‘< a
117
+ href ="#image-type "> < code class =css > <image> </ code > </ a > ’ type, a
118
+ generic sizing algorithm for images and other replaced content in CSS, and
119
+ several properties controlling the interaction of replaced elements and
120
+ CSS's layout models. </ span >
120
121
121
122
< h2 class ="no-num no-toc " id =status > Status of this document</ h2 >
122
123
<!--begin-status-->
@@ -380,15 +381,15 @@ <h2 id=resolution-units><span class=secno>2. </span> Resolution Units: the
380
381
id =resolution-type > <resolution> </ dfn > value type:
381
382
382
383
< dl >
383
- < dt > < dfn id =lsquodpirsquo > ‘< code class =css > dpi</ code > ’</ dfn >
384
+ < dt > < dfn id =dpi > ‘< code class =css > dpi</ code > ’</ dfn >
384
385
385
386
< dd > dots per inch
386
387
387
- < dt > < dfn id =lsquodpcmrsquo > ‘< code class =css > dpcm</ code > ’</ dfn >
388
+ < dt > < dfn id =dpcm > ‘< code class =css > dpcm</ code > ’</ dfn >
388
389
389
390
< dd > dots per centimeter
390
391
391
- < dt > < dfn id =lsquodppxrsquo > ‘< code class =css > dppx</ code > ’</ dfn >
392
+ < dt > < dfn id =dppx > ‘< code class =css > dppx</ code > ’</ dfn >
392
393
393
394
< dd > dots per ‘< code class =css > px</ code > ’ unit
394
395
</ dl >
@@ -2078,7 +2079,7 @@ <h3 id=the-object-fit><span class=secno>5.5. </span> Sizing Objects: the
2078
2079
class =property > object-position</ code > </ a > ’ property for positioning the
2079
2080
object with respect to the content box.
2080
2081
2081
- < div class =figure > < img alt = alt src ="img_scale.png "
2082
+ < div class =figure > < img alt src ="img_scale.png "
2082
2083
style ="border: thin solid black; ">
2083
2084
< p class =caption > An example showing how four of the values of ‘< a
2084
2085
href ="#object-fit "> < code class =property > object-fit</ code > </ a > ’ cause
@@ -2649,10 +2650,10 @@ <h3 class=no-num id=normative-references>Normative references</h3>
2649
2650
< dt id =CSS3VAL > [CSS3VAL]
2650
2651
2651
2652
< dd > Håkon Wium Lie; Tab Atkins; Elika J. Etemad. < a
2652
- href ="http://www.w3.org/TR/2012 /CR-css3-values-20120828 / "> < cite > CSS
2653
- Values and Units Module Level 3.</ cite > </ a > 28 August 2012 . W3C Candidate
2653
+ href ="http://www.w3.org/TR/2013 /CR-css3-values-20130730 / "> < cite > CSS
2654
+ Values and Units Module Level 3.</ cite > </ a > 30 July 2013 . W3C Candidate
2654
2655
Recommendation. (Work in progress.) URL: < a
2655
- href ="http://www.w3.org/TR/2012 /CR-css3-values-20120828 / "> http://www.w3.org/TR/2012 /CR-css3-values-20120828 /</ a >
2656
+ href ="http://www.w3.org/TR/2013 /CR-css3-values-20130730 / "> http://www.w3.org/TR/2013 /CR-css3-values-20130730 /</ a >
2656
2657
</ dd >
2657
2658
<!---->
2658
2659
@@ -2862,13 +2863,13 @@ <h2 class=no-num id=index>Index</h2>
2862
2863
< li > default sizing algorithm, < a href ="#default-sizing-algorithm "
2863
2864
title ="section 5.3.1. "> < strong > 5.3.1.</ strong > </ a >
2864
2865
2865
- < li > ‘< code class =css > dpcm</ code > ’, < a href ="#lsquodpcmrsquo "
2866
+ < li > ‘< code class =css > dpcm</ code > ’, < a href ="#dpcm "
2866
2867
title ="section 2. "> < strong > 2.</ strong > </ a >
2867
2868
2868
- < li > ‘< code class =css > dpi</ code > ’, < a href ="#lsquodpirsquo "
2869
+ < li > ‘< code class =css > dpi</ code > ’, < a href ="#dpi "
2869
2870
title ="section 2. "> < strong > 2.</ strong > </ a >
2870
2871
2871
- < li > ‘< code class =css > dppx</ code > ’, < a href ="#lsquodppxrsquo "
2872
+ < li > ‘< code class =css > dppx</ code > ’, < a href ="#dppx "
2872
2873
title ="section 2. "> < strong > 2.</ strong > </ a >
2873
2874
2874
2875
< li > <ending-shape> , < a href ="#shape "
0 commit comments