CINXE.COM
drafts: diff css-content-3/Overview.bs
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <link rel="icon" href="/drafts/static/hgicon.png" type="image/png" /> <meta name="robots" content="index, nofollow"/> <link rel="stylesheet" href="/drafts/static/style-monoblue.css" type="text/css" /> <script type="text/javascript" src="/drafts/static/mercurial.js"></script> <title>drafts: diff css-content-3/Overview.bs</title> <link rel="alternate" type="application/atom+xml" href="/drafts/atom-log" title="Atom feed for drafts"/> <link rel="alternate" type="application/rss+xml" href="/drafts/rss-log" title="RSS feed for drafts"/> </head> <body> <div id="container"> <div class="page-header"> <h1 class="breadcrumb"><a href="/">Mercurial</a> > <a href="/drafts">drafts</a> / file diff</h1> <form action="/drafts/log"> <dl class="search"> <dt><label>Search: </label></dt> <dd><input type="text" name="rev" /></dd> </dl> </form> <ul class="page-nav"> <li><a href="/drafts/summary">summary</a></li> <li><a href="/drafts/shortlog">shortlog</a></li> <li><a href="/drafts/log">changelog</a></li> <li><a href="/drafts/graph/6815ba4dd957">graph</a></li> <li><a href="/drafts/tags">tags</a></li> <li><a href="/drafts/bookmarks">bookmarks</a></li> <li><a href="/drafts/branches">branches</a></li> <li><a href="/drafts/file/6815ba4dd957">files</a></li> <li><a href="/drafts/help">help</a></li> </ul> </div> <ul class="submenu"> <li><a href="/drafts/file/6815ba4dd957/css-content-3/Overview.bs">file</a></li> <li><a href="/drafts/log/6815ba4dd957/css-content-3/Overview.bs">revisions</a></li> <li><a href="/drafts/annotate/6815ba4dd957/css-content-3/Overview.bs">annotate</a></li> <li class="current">diff</li> <li><a href="/drafts/comparison/6815ba4dd957/css-content-3/Overview.bs">comparison</a></li> <li><a href="/drafts/raw-diff/6815ba4dd957/css-content-3/Overview.bs">raw</a></li> </ul> <h2 class="no-link no-border">diff: css-content-3/Overview.bs</h2> <h3 class="changeset">css-content-3/Overview.bs</h3> <dl class="overview"> <dt>changeset 30856</dt> <dd><a href="/drafts/rev/6815ba4dd957">6815ba4dd957</a></dd> <dt>parent 30855</dt> <dd><a href="/drafts/diff/9b30c283dba0/css-content-3/Overview.bs">9b30c283dba0</a></dd> <dt>child 30857</dt> <dd><a href="/drafts/diff/02f7bcfe9284/css-content-3/Overview.bs">02f7bcfe9284</a></dd> </dl> <div class="diff"> <pre><span style="color:#cc0000;"><a class="linenr" href="#l1.1" id="l1.1"> 1.1</a> --- a/css-content-3/Overview.bs Mon Feb 05 17:23:24 2024 -0500 </span><span style="color:#008800;"><a class="linenr" href="#l1.2" id="l1.2"> 1.2</a> +++ b/css-content-3/Overview.bs Mon Feb 05 18:01:31 2024 -0500 </span><span style="color:#990099;"><a class="linenr" href="#l1.3" id="l1.3"> 1.3</a> @@ -99,7 +99,7 @@ </span><span><a class="linenr" href="#l1.4" id="l1.4"> 1.4</a> </span><span><a class="linenr" href="#l1.5" id="l1.5"> 1.5</a> <pre class='propdef'> </span><span><a class="linenr" href="#l1.6" id="l1.6"> 1.6</a> Name: content </span><span style="color:#cc0000;"><a class="linenr" href="#l1.7" id="l1.7"> 1.7</a> - Value: normal | none | [ <<content-replacement>> | <<content-list>> ] [/ [ <<string>> | <<counter>> ]+ ]? </span><span style="color:#008800;"><a class="linenr" href="#l1.8" id="l1.8"> 1.8</a> + Value: normal | none | [ <<content-replacement>> | <<content-list>> ] [/ [ <<string>> | <<counter>> | <<attr()>> ]+ ]? </span><span><a class="linenr" href="#l1.9" id="l1.9"> 1.9</a> Initial: normal </span><span><a class="linenr" href="#l1.10" id="l1.10"> 1.10</a> Applies To: all elements, tree-abiding pseudo-elements, and page margin boxes </span><span><a class="linenr" href="#l1.11" id="l1.11"> 1.11</a> Inherited: no </span><span style="color:#990099;"><a class="linenr" href="#l1.12" id="l1.12"> 1.12</a> @@ -172,12 +172,16 @@ </span><span><a class="linenr" href="#l1.13" id="l1.13"> 1.13</a> Note: Replaced elements do not have ''::before'' or ''::after'' pseudo-elements; </span><span><a class="linenr" href="#l1.14" id="l1.14"> 1.14</a> the 'content' property replaces their entire contents. </span><span><a class="linenr" href="#l1.15" id="l1.15"> 1.15</a> </span><span style="color:#008800;"><a class="linenr" href="#l1.16" id="l1.16"> 1.16</a> + ISSUE(2889): This value has historically been treated as <<content-list>> on ''::before'' and ''::after''. </span><span style="color:#008800;"><a class="linenr" href="#l1.17" id="l1.17"> 1.17</a> + Presumably there's a Web-compat requirement on this, </span><span style="color:#008800;"><a class="linenr" href="#l1.18" id="l1.18"> 1.18</a> + so these pseudo-elements might need an exception. </span><span style="color:#008800;"><a class="linenr" href="#l1.19" id="l1.19"> 1.19</a> + </span><span><a class="linenr" href="#l1.20" id="l1.20"> 1.20</a> <dt><dfn type><<content-list>></dfn> </span><span><a class="linenr" href="#l1.21" id="l1.21"> 1.21</a> <dd> </span><span><a class="linenr" href="#l1.22" id="l1.22"> 1.22</a> Equal to: </span><span><a class="linenr" href="#l1.23" id="l1.23"> 1.23</a> </span><span><a class="linenr" href="#l1.24" id="l1.24"> 1.24</a> <pre class=prod> </span><span style="color:#cc0000;"><a class="linenr" href="#l1.25" id="l1.25"> 1.25</a> - [ <<string>> | <<image>> | contents | <<quote>> | <<leader()>> | <<target>> | <<string()>> | <<content()>> | <<counter>> ]+ </span><span style="color:#008800;"><a class="linenr" href="#l1.26" id="l1.26"> 1.26</a> + [ <<string>> | <<image>> | <<attr()>> | contents | <<quote>> | <<leader()>> | <<target>> | <<string()>> | <<content()>> | <<counter>> ]+ </span><span><a class="linenr" href="#l1.27" id="l1.27"> 1.27</a> </pre> </span><span><a class="linenr" href="#l1.28" id="l1.28"> 1.28</a> </span><span><a class="linenr" href="#l1.29" id="l1.29"> 1.29</a> Replaces the element's contents with one or more anonymous inline boxes </span><span style="color:#990099;"><a class="linenr" href="#l1.30" id="l1.30"> 1.30</a> @@ -204,7 +208,7 @@ </span><span><a class="linenr" href="#l1.31" id="l1.31"> 1.31</a> Note: If the value of <<content-list>> is a single <<image>>, </span><span><a class="linenr" href="#l1.32" id="l1.32"> 1.32</a> it must instead be interpreted as a <<content-replacement>>. </span><span><a class="linenr" href="#l1.33" id="l1.33"> 1.33</a> </span><span style="color:#cc0000;"><a class="linenr" href="#l1.34" id="l1.34"> 1.34</a> - <dt><dfn>/ [ <<string>> | <<counter>> ]+</dfn> </span><span style="color:#008800;"><a class="linenr" href="#l1.35" id="l1.35"> 1.35</a> + <dt><dfn>/ [ <<string>> | <<counter>> | <<attr()>> ]+</dfn> </span><span><a class="linenr" href="#l1.36" id="l1.36"> 1.36</a> <dd> </span><span><a class="linenr" href="#l1.37" id="l1.37"> 1.37</a> Specifies the "alt text" for the element. </span><span><a class="linenr" href="#l1.38" id="l1.38"> 1.38</a> See [[#alt]] for details. </span><span style="color:#990099;"><a class="linenr" href="#l1.39" id="l1.39"> 1.39</a> @@ -275,7 +279,7 @@ </span><span><a class="linenr" href="#l1.40" id="l1.40"> 1.40</a> </span><span><a class="linenr" href="#l1.41" id="l1.41"> 1.41</a> </span><span><a class="linenr" href="#l1.42" id="l1.42"> 1.42</a> <h3 id="strings"> </span><span style="color:#cc0000;"><a class="linenr" href="#l1.43" id="l1.43"> 1.43</a> -String</h3> </span><span style="color:#008800;"><a class="linenr" href="#l1.44" id="l1.44"> 1.44</a> +Basic Strings: <<string>> and <<attr()>></h3> </span><span><a class="linenr" href="#l1.45" id="l1.45"> 1.45</a> </span><span><a class="linenr" href="#l1.46" id="l1.46"> 1.46</a> <dl dfn-for="content, <content-list>" dfn-type=value> </span><span><a class="linenr" href="#l1.47" id="l1.47"> 1.47</a> <dt><dfn><<string>></dfn> </span><span style="color:#990099;"><a class="linenr" href="#l1.48" id="l1.48"> 1.48</a> @@ -289,6 +293,18 @@ </span><span><a class="linenr" href="#l1.49" id="l1.49"> 1.49</a> such as in ''content: "First " " Second";'', </span><span><a class="linenr" href="#l1.50" id="l1.50"> 1.50</a> which by default will render similar to <code>"First Second"</code> </span><span><a class="linenr" href="#l1.51" id="l1.51"> 1.51</a> (with a single visible space between the two words). </span><span style="color:#008800;"><a class="linenr" href="#l1.52" id="l1.52"> 1.52</a> + </span><span style="color:#008800;"><a class="linenr" href="#l1.53" id="l1.53"> 1.53</a> + <dt><<attr()>> </span><span style="color:#008800;"><a class="linenr" href="#l1.54" id="l1.54"> 1.54</a> + <dd> </span><span style="color:#008800;"><a class="linenr" href="#l1.55" id="l1.55"> 1.55</a> + The <dfn noexport>attr()</dfn> functional notation represents </span><span style="color:#008800;"><a class="linenr" href="#l1.56" id="l1.56"> 1.56</a> + the string stored as the specified attribute鈥檚 value. </span><span style="color:#008800;"><a class="linenr" href="#l1.57" id="l1.57"> 1.57</a> + Its argument is a [=CSS qualified name=] (<code>qname</code>) </span><span style="color:#008800;"><a class="linenr" href="#l1.58" id="l1.58"> 1.58</a> + representing the attribute name and namespace, if any. </span><span style="color:#008800;"><a class="linenr" href="#l1.59" id="l1.59"> 1.59</a> + See [[!CSS3-NAMESPACE]]. </span><span style="color:#008800;"><a class="linenr" href="#l1.60" id="l1.60"> 1.60</a> + </span><span style="color:#008800;"><a class="linenr" href="#l1.61" id="l1.61"> 1.61</a> + Note: As in [[selectors-4#attrnmsp|attribute selectors]], </span><span style="color:#008800;"><a class="linenr" href="#l1.62" id="l1.62"> 1.62</a> + attribute names without an explicit namespace </span><span style="color:#008800;"><a class="linenr" href="#l1.63" id="l1.63"> 1.63</a> + do not associate with any default namespace. </span><span><a class="linenr" href="#l1.64" id="l1.64"> 1.64</a> </dl> </span><span><a class="linenr" href="#l1.65" id="l1.65"> 1.65</a> </span><span><a class="linenr" href="#l1.66" id="l1.66"> 1.66</a> <h3 id="content-uri"> </span><span style="color:#990099;"><a class="linenr" href="#l1.67" id="l1.67"> 1.67</a> @@ -1360,6 +1376,9 @@ </span><span><a class="linenr" href="#l1.68" id="l1.68"> 1.68</a> (<a href="https://github.com/w3c/csswg-drafts/issues/2038">Issue 2034</a>) </span><span><a class="linenr" href="#l1.69" id="l1.69"> 1.69</a> <li>Defined computed value of ''content: normal'' for ''::placeholder'' and ''::file-selector-button''. </span><span><a class="linenr" href="#l1.70" id="l1.70"> 1.70</a> (<a href="https://github.com/w3c/csswg-drafts/issues/6124">Issue 6124</a>) </span><span style="color:#008800;"><a class="linenr" href="#l1.71" id="l1.71"> 1.71</a> + <li>Fixed an off-by-one error for the [=quote depth=] of closing quotes. </span><span style="color:#008800;"><a class="linenr" href="#l1.72" id="l1.72"> 1.72</a> + (<a href="https://github.com/w3c/csswg-drafts/issues/2506">Issue 2506</a>) </span><span style="color:#008800;"><a class="linenr" href="#l1.73" id="l1.73"> 1.73</a> + <li>Inlined the definition of ''attr()'', since it has been dropped from [[CSS-VALUES-4]]. </span><span><a class="linenr" href="#l1.74" id="l1.74"> 1.74</a> <li>Miscellaneous editorial spec clean up. </span><span><a class="linenr" href="#l1.75" id="l1.75"> 1.75</a> </ul> </span><span><a class="linenr" href="#l1.76" id="l1.76"> 1.76</a> </span></pre> </div> <script type="text/javascript">process_dates()</script> <div class="page-footer"> <p>Mercurial Repository: drafts</p> <ul class="rss-logo"> <li><a href="/drafts/rss-log">RSS</a></li> <li><a href="/drafts/atom-log">Atom</a></li> </ul> </div> <div id="powered-by"> <p><a href="http://mercurial.selenic.com/" title="Mercurial"><img src="/drafts/static/hglogo.png" width=75 height=90 border=0 alt="mercurial"></a></p> </div> <div id="corner-top-left"></div> <div id="corner-top-right"></div> <div id="corner-bottom-left"></div> <div id="corner-bottom-right"></div> </div> </body> </html>