background-size-010.html

mozilla-central/testing/web-platform/tests/css/css-backgrounds/background-size-010.html

Enable keyboard shortcuts

Source code

File a bug in Core :: Layout: Images, Video, and HTML Frames

Revision control

Copy as Markdown

Other Tools

Test Info:

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

<!DOCTYPE html>

<html>

  <head>

    <meta charset="utf-8">

    <title>CSS Backgrounds and Borders Test: background-size - one &lt;percentage&gt; value at minimum</title>

    <link rel="author" title="Intel" href="http://www.intel.com">

    <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-11-09 and 2020-03-13 -->

    <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" title="3.9. Sizing Images: the 'background-size' property">

    <link rel="match" href="../reference/ref-nothing-below.xht">

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

    <meta name="assert" content="Check if 'background-size' is '0%', minimum width of the positioning area in percentage, then such value is the width of the corresponding image and therefore the background image is not to be displayed.">

    <style>

        div {

            background-image: url(/css/support/60x60-red.png);

            background-size: 0%;

            height: 100px;

            width: 100px;

    </style>

  </head>

  <body>

    <p>Test passes if there is nothing below.

    <div></div>

  </body>

</html>