mozilla

Compare Revisions

background-size

Change Revisions

Revision 15100:

Revision 15100 by Sheppy on

Revision 15101:

Revision 15101 by teoli on

Title:
background-size
background-size
Slug:
CSS/background-size
CSS/background-size
Tags:
css, "CSS Reference", NeedsMobileBrowserCompatTable
css, "CSS Reference", NeedsMobileBrowserCompatTable
Content:

Revision 15100
Revision 15101
n7    <h3>n7    <h2>
n9    </h3>n9    </h2>
n14      <li>{{ Xref_cssinitial() }}: <code>auto</code>n14      <li>{{ Xref_cssinitial() }}: <code>auto auto</code>
n27    <h3>n27    <h2>
n29    </h3>n29    </h2>
n31background-size:  &lt;bg-size&gt;[, &lt;bg-size&gt;]*        /* Gn31background-size:  <em>background-size</em>[, <em>background-size<
>ecko 2.0 (Firefox 4.0) and later */>/em>]*
t34      Where <strong>&lt;bg-size&gt;</strong> is one of:t34      where <strong>:</strong>
35    </p>
36    <ul>
37      <li>
38        <code>[ {{ Xref_csspercentage() }}| {{ Xref_csslength() }
>}| auto ]<br> 
39        [ {{ Xref_csspercentage() }}| {{ Xref_csslength() }}| aut
>o ] ?</code> 
40      </li>
41      <li>
42        <code>contain<br></code>
43      </li>
44      <li>
45        <code>cover</code>
46      </li>
47    </ul>
48    <p>35    </p>
49      Multiple values apply to individual background layers, from36    <dl>
> front to back, in the same manner as for all other background pr 
>operties. 
37      <dt>
38        <em><strong>background-size</strong></em>
39      </dt>
40      <dd style="margin-left: 40px;">
41        Is either one of the keywords:
42        <ul>
43          <li style="margin-left: 40px;">
44            <code>contain</code>
45          </li>
46          <li style="margin-left: 40px;">
47            <code>cover</code>
48          </li>
49        </ul>or one or two of the following values, denoting the 
 >horizontal size and the vertical size respectively (if only one i
 >s specified, the second defaults to <code>auto</code>) :
50        <ul>
51          <li>an <code>{{ Xref_csspercentage() }}</code> value
52          </li>
53          <li>a <code>{{ Xref_csslength() }}</code> value
54          </li>
55          <li>the <code>auto</code> keyword...
56          </li>
57        </ul>
58      </dd>
50    </p>59    </dl>

Back to History