origin-content-box_with_position.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-backgrounds/background-origin/origin-content-box_with_position.html - WPT Dashboard Interop Dashboard

<!doctype html>

<html>

<head>

  <title>CSS Backgrounds Test:  background-origin:content-box & background-position</title>

  <link rel="author" title="finscn" href="mailto:finscn@gmail.com" >

  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-origin" >

  <meta name="flags" content="">

  <link rel="match" href="../reference/origin-content-box_with_position-ref.html">

  <meta charset="utf-8">

<style type="text/css">

  div {

    border : 16px solid rgba(60,150,255,0.4);

    width : 450px;

    height : 224px;

    padding : 16px;

    margin-top : 8px;

    background-image : url("support/yellow-orange-blue-160x160.png");

    background-origin : content-box;

    background-position: -15px -15px;

  .no-repeat {

    background-repeat : no-repeat;

</style>

</head>

<body>

  <div class="no-repeat"></div>

</body>

</html>