css-reference/property/background/index.html at master · tomfanxiaojun/css-reference · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
---
layout: single
property_name: background
---

<section id="background" class="property property--shorthand">
  <header class="property-header">
    <nav class="property-links">
      <a class="property-links-direct" href="{{site.url}}/property/background/" data-property-name="background" data-tooltip="Single page for this property" target="_blank">Pop out</a>
      <a class="property-share" data-tooltip="Share on Twitter or Facebook" data-property-name="background">Share</a>
      <a target="_blank" href="https://developer.mozilla.org/en/docs/Web/CSS/background" data-tooltip="See on Mozilla Developer Network" rel="external">MDN</a>
    </nav>
    <h2 class="property-name">
      <a href="{{site.url}}/#background"><span>#</span>background</a>
    </h2>
    <div class="property-description">
      <p>Shorthand property for <code class="shorthand"><a class="hash" href="{{site.url}}/#background-image" data-property-name="background-image">background-image</a></code> <code class="shorthand"><a class="hash" href="{{site.url}}/#background-position" data-property-name="background-position">background-position</a></code> <code class="shorthand"><a class="hash" href="{{site.url}}/#background-size" data-property-name="background-size">background-size</a></code> <code class="shorthand"><a class="hash" href="{{site.url}}/#background-repeat" data-property-name="background-repeat">background-repeat</a></code> <code class="shorthand"><a class="hash" href="{{site.url}}/#background-origin" data-property-name="background-origin">background-origin</a></code> <code class="shorthand"><a class="hash" href="{{site.url}}/#background-clip" data-property-name="background-clip">background-clip</a></code> <code class="shorthand"><a class="hash" href="{{site.url}}/#background-attachment" data-property-name="background-attachment">background-attachment</a></code>  and  <code class="shorthand"><a class="hash" href="{{site.url}}/#background-color" data-property-name="background-color">background-color</a></code>.</p>

    </div>

  </header>


</section>