|
| 1 | +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> |
| 2 | + |
| 3 | +<html lang=en> |
| 4 | + <head><meta content="text/html; charset=utf-8" http-equiv=Content-Type> |
| 5 | + |
| 6 | + <title>CSS Style Attribute Syntax Level 1</title> |
| 7 | + <link href="../default.css" rel=stylesheet type="text/css"> |
| 8 | + <link href="http://www.w3.org/StyleSheets/TR/W3C-ED" rel=stylesheet |
| 9 | + type="text/css"> |
| 10 | + |
| 11 | + <body> |
| 12 | + <div class=head> <!--begin-logo--> |
| 13 | + <p><a href="http://www.w3.org/"><img alt=W3C height=48 |
| 14 | + src="http://www.w3.org/Icons/w3c_home" width=72></a> <!--end-logo--> |
| 15 | + |
| 16 | + <h1>CSS Namespaces Module</h1> |
| 17 | + |
| 18 | + <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 9 December |
| 19 | + 2009</h2> |
| 20 | + |
| 21 | + <dl> |
| 22 | + <dt>This version:</dt> |
| 23 | + <!-- <dd><dd><a href="http://www.w3.org/TR/2009/WD-css-style-attr-20091209/">http://www.w3.org/TR/2009/WD-css-style-attr-20091209/</a></dd> --> |
| 24 | + |
| 25 | + <dd><a |
| 26 | + href="http://dev.w3.org/csswg/css-style-attr/">http://dev.w3.org/csswg/css-style-attr/</a> |
| 27 | + |
| 28 | + |
| 29 | + <dt>Latest version: |
| 30 | + |
| 31 | + <dd><a |
| 32 | + href="http://www.w3.org/TR/css-style-attr">http://www.w3.org/TR/css-style-attr</a> |
| 33 | + |
| 34 | + |
| 35 | + <dt>Previous version: |
| 36 | + |
| 37 | + <dd><a |
| 38 | + href="http://www.w3.org/TR/2002/WD-css-style-attr-20020515">http://www.w3.org/TR/2002/WD-css-style-attr-20020515</a> |
| 39 | + |
| 40 | + |
| 41 | + <dt>Editor: |
| 42 | + |
| 43 | + <dd><a href="http://fantasai.inkedblade.net/contact/">Elika J. Etemad</a> |
| 44 | + |
| 45 | + |
| 46 | + <dt>Previous Editors: |
| 47 | + |
| 48 | + <dd><span lang=tr>Tantek Çelik</span> (<a |
| 49 | + href="http://www.microsoft.com/">Microsoft</a>), <<a |
| 50 | + href="mailto:tantekc@microsoft.com">tantekc@microsoft.com</a>> |
| 51 | + |
| 52 | + <dd><a href="http://www.w3.org/People/Bos/">Bert Bos</a> (<a |
| 53 | + href="http://www.w3.org/">W3C</a>), <<a |
| 54 | + href="mailto:bert@w3.org">bert@w3.org</a>> |
| 55 | + |
| 56 | + <dd>Marc Attinasi (AOL/Netscape), <<a |
| 57 | + href="mailto:attinasi@netscape.com">attinasi@netscape.com</a>> |
| 58 | + </dl> |
| 59 | + <!--begin-copyright--> |
| 60 | + <p class=copyright><a |
| 61 | + href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright" |
| 62 | + rel=license>Copyright</a> © 2009 <a |
| 63 | + href="http://www.w3.org/"><acronym title="World Wide Web |
| 64 | + Consortium">W3C</acronym></a><sup>®</sup> (<a |
| 65 | + href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute |
| 66 | + of Technology">MIT</acronym></a>, <a |
| 67 | + href="http://www.ercim.org/"><acronym title="European Research Consortium |
| 68 | + for Informatics and Mathematics">ERCIM</acronym></a>, <a |
| 69 | + href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C <a |
| 70 | + href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>, |
| 71 | + <a |
| 72 | + href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a> |
| 73 | + and <a |
| 74 | + href="http://www.w3.org/Consortium/Legal/copyright-documents">document |
| 75 | + use</a> rules apply.</p> |
| 76 | + <!--end-copyright--> |
| 77 | + <hr title="Separator for header"> |
| 78 | + </div> |
| 79 | + |
| 80 | + <h2 class="no-num no-toc" id=abstract>Abstract</h2> |
| 81 | + |
| 82 | + <p>Markup languages such as HTML and SVG provide a "style" attribute on |
| 83 | + most elements, to hold a fragment of a style sheet that applies to those |
| 84 | + elements. One of the possible style sheet languages is CSS. This draft |
| 85 | + describes the syntax of the CSS fragment that can be used in the "style" |
| 86 | + attribute. |
| 87 | + |
| 88 | + <h2 class="no-num no-toc" id=status>Status of this document</h2> |
| 89 | + <!--begin-status--> |
| 90 | + |
| 91 | + <p>This is a public copy of the editors' draft. It is provided for |
| 92 | + discussion only and may change at any moment. Its publication here does |
| 93 | + not imply endorsement of its contents by W3C. Don't cite this document |
| 94 | + other than as work in progress. |
| 95 | + |
| 96 | + <p>The (<a |
| 97 | + href="http://lists.w3.org/Archives/Public/www-style/">archived</a>) public |
| 98 | + mailing list <a |
| 99 | + href="mailto:www-style@w3.org?Subject=%5Bcss-style-attr%5D%20PUT%20SUBJECT%20HERE"> |
| 100 | + www-style@w3.org</a> (see <a |
| 101 | + href="http://www.w3.org/Mail/Request">instructions</a>) is preferred for |
| 102 | + discussion of this specification. When sending e-mail, please put the text |
| 103 | + “css-style-attr” in the subject, preferably like this: |
| 104 | + “[<!---->css-style-attr<!---->] <em>…summary of |
| 105 | + comment…</em>” |
| 106 | + |
| 107 | + <p>This document was produced by the <a href="/Style/CSS/members">CSS |
| 108 | + Working Group</a> (part of the <a href="/Style/">Style Activity</a>). |
| 109 | + |
| 110 | + <p>This document was produced by a group operating under the <a |
| 111 | + href="/Consortium/Patent-Policy-20040205/">5 February 2004 W3C Patent |
| 112 | + Policy</a>. W3C maintains a <a href="/2004/01/pp-impl/32061/status" |
| 113 | + rel=disclosure>public list of any patent disclosures</a> made in |
| 114 | + connection with the deliverables of the group; that page also includes |
| 115 | + instructions for disclosing a patent. An individual who has actual |
| 116 | + knowledge of a patent which the individual believes contains <a |
| 117 | + href="/Consortium/Patent-Policy-20040205/#def-essential">Essential |
| 118 | + Claim(s)</a> must disclose the information in accordance with <a |
| 119 | + href="/Consortium/Patent-Policy-20040205/#sec-Disclosure">section 6 of the |
| 120 | + W3C Patent Policy</a>.</p> |
| 121 | + <!--end-status--> |
| 122 | + |
| 123 | + <h2 class="no-num no-toc" id=contents>Table of contents</h2> |
| 124 | + <!--begin-toc--> |
| 125 | + |
| 126 | + <ul class=toc> |
| 127 | + <li><a href="#intro"><span class=secno>1. </span>Introduction</a> |
| 128 | + |
| 129 | + <li><a href="#syntax"><span class=secno>2. </span>Syntax</a> |
| 130 | + |
| 131 | + <li><a href="#grammar"><span class=secno>3. </span>Grammar</a> |
| 132 | + |
| 133 | + <li><a href="#cascading"><span class=secno>4. </span>Cascading order</a> |
| 134 | + |
| 135 | + <li><a href="#ack"><span class=secno>5. </span>Acknowledgments</a> |
| 136 | + |
| 137 | + <li><a href="#references"><span class=secno>6. </span>References </a> |
| 138 | + <ul class=toc> |
| 139 | + <li class=no-num><a href="#normative-references">Normative |
| 140 | + references</a> |
| 141 | + |
| 142 | + <li class=no-num><a href="#informative-references">Informative |
| 143 | + references</a> |
| 144 | + </ul> |
| 145 | + </ul> |
| 146 | + <!--end-toc--> |
| 147 | + |
| 148 | + <h2 id=intro><span class=secno>1. </span>Introduction</h2> |
| 149 | + |
| 150 | + <p>Several XML-based document formats have a "style" attribute to permit |
| 151 | + the author to directly apply style information to specific elements in |
| 152 | + documents. If a document format defines a "style" attribute and the |
| 153 | + attribute accepts CSS as its value, then this specification describes the |
| 154 | + attribute's syntax and interpretation. |
| 155 | + |
| 156 | + <div class=example> |
| 157 | + <p>The following example shows the use of the <code>style</code> attribute |
| 158 | + in HTML:</p> |
| 159 | + |
| 160 | + <pre><p style="<em>color: #090; line-height: 1.2</em>">...</p></pre> |
| 161 | + </div> |
| 162 | + |
| 163 | + <h2 id=syntax><span class=secno>2. </span>Syntax</h2> |
| 164 | + |
| 165 | + <p>The syntax of the style attribute syntax is exactly the same as the |
| 166 | + contents of a CSS <a |
| 167 | + href="http://www.w3.org/TR/CSS21/syndata.html#rule-sets">declaration |
| 168 | + block</a>. A close brace (<code>}</code>) in the style attribute value |
| 169 | + does not terminate the style data; it is merely an invalid token. |
| 170 | + |
| 171 | + <p>The same rules for forward-compatible parsing apply to the inline style |
| 172 | + sheet as to a normal style sheet. See <a |
| 173 | + href="/TR/CSS21/syndata.html">chapter 4 of the CSS2.1 specification</a>. |
| 174 | + <a href="#CSS21" rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a> |
| 175 | + |
| 176 | + <h2 id=grammar><span class=secno>3. </span>Grammar</h2> |
| 177 | + |
| 178 | + <p>The syntax of the CSS fragment that is allowed in the HTML "style" |
| 179 | + attribute can be formally specified as follows: |
| 180 | + |
| 181 | + <pre> |
| 182 | +inline-stylesheet |
| 183 | + : S* declaration-block |
| 184 | + ; |
| 185 | + |
| 186 | +declaration-block |
| 187 | + : declaration [ ';' S* declaration ]* |
| 188 | + ; |
| 189 | +</pre> |
| 190 | + |
| 191 | + <p>Please refer to the grammar in <a href="/TR/CSS21/grammar.html">appendix |
| 192 | + D of the CSS2.1 specification</a> <a href="#CSS21" |
| 193 | + rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a> for the definition of the |
| 194 | + symbols not defined here. |
| 195 | + |
| 196 | + <h2 id=cascading><span class=secno>4. </span>Cascading order</h2> |
| 197 | + |
| 198 | + <p>The declarations in a style attribute apply to the element to which the |
| 199 | + attribute belongs. CSS2.1 <a |
| 200 | + href="/TR/CSS21/cascade.html#specificity">defines</a> how style sheets and |
| 201 | + "style" attributes are cascaded together. <a href="#CSS21" |
| 202 | + rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a> |
| 203 | + |
| 204 | + <h2 id=ack><span class=secno>5. </span>Acknowledgments</h2> |
| 205 | + |
| 206 | + <p>Thanks to feedback from Daniel Glazman, Ian Hickson, Eric A. Meyer, |
| 207 | + Björn Höhrmann. |
| 208 | + |
| 209 | + <h2 id=references><span class=secno>6. </span>References</h2> |
| 210 | + |
| 211 | + <h3 class=no-num id=normative-references>Normative references</h3> |
| 212 | + <!--begin-normative--> |
| 213 | + <!-- Sorted by label --> |
| 214 | + |
| 215 | + <dl class=bibliography> |
| 216 | + <dt style="display: none"><!-- keeps the doc valid if the DL is empty --> |
| 217 | + <!----> |
| 218 | + |
| 219 | + <dt id=CSS21>[CSS21] |
| 220 | + |
| 221 | + <dd>Bert Bos; et al. <a |
| 222 | + href="http://www.w3.org/TR/2009/CR-CSS2-20090908"><cite>Cascading Style |
| 223 | + Sheets Level 2 Revision 1 (CSS 2.1) Specification.</cite></a> 8 September |
| 224 | + 2009. W3C Candidate Recommendation. (Work in progress.) URL: <a |
| 225 | + href="http://www.w3.org/TR/2009/CR-CSS2-20090908">http://www.w3.org/TR/2009/CR-CSS2-20090908</a> |
| 226 | + </dd> |
| 227 | + <!----> |
| 228 | + </dl> |
| 229 | + <!--end-normative--> |
| 230 | + |
| 231 | + <h3 class=no-num id=informative-references>Informative references</h3> |
| 232 | + <!--begin-informative--> |
| 233 | + <!-- Sorted by label --> |
| 234 | + |
| 235 | + <dl class=bibliography> |
| 236 | + <dt style="display: none"><!-- keeps the doc valid if the DL is empty --> |
| 237 | + <!----> |
| 238 | + </dl> |
| 239 | + <!--end-informative--> |
| 240 | +</html> |
| 241 | +<!-- Keep this comment at the end of the file |
| 242 | +Local variables: |
| 243 | +mode: sgml |
| 244 | +sgml-declaration:"~/SGML/HTML4.decl" |
| 245 | +sgml-default-doctype-name:"html" |
| 246 | +sgml-minimize-attributes:t |
| 247 | +sgml-nofill-elements:("pre" "style" "br") |
| 248 | +End: |
| 249 | +--> |
0 commit comments