css">#background-clip-border-box{ background-clip:border-box;}</style>
    </section>
    <section class="example">
      <header class="example-header">
        <p class="example-name">


          <code class="example-value" data-tooltip="Click to copy" data-clipboard-text="background-clip: padding-box;">background-clip: padding-box;</code>
        </p>
        <div class="example-description">
          <p>The background only extends to the <em>edge</em> of the border: it includes the padding but <em>not