Quelle object-fit-cover-png-002-ref.html Sprache: HTML

products/Sources/formale Sprachen/C/Firefox/layout/reftests/xul/object-fit-cover-png-002-ref.html

<!DOCTYPE html>

<html>
  <head>
    <meta charset="utf-8">
    <title>CSS Reftest Reference</title>
    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
    <style type="text/css">
      .objectOuter {
        border: 1px dashed gray;
        padding: 1px;
        float: left;
      }
      .objectOuter > * {
        background-image: url("colors-8x16.png");
        background-size: cover;
        background-repeat: no-repeat;
        image-rendering: -moz-crisp-edges;
      }
      .bigWide {
        width: 48px;
        height: 32px;
      }
      .bigTall {
        width: 32px;
        height: 48px;
      }
      .small {
        width: 8px;
        height: 8px;
      }

      br { clear: both; }

      .tr { background-position: top right }
      .bl { background-position: bottom left }
      .tl { background-position: top 25% left 25% }
      .br { background-position: bottom 1px right 2px }

      .tc { background-position: top 3px center }
      .cr { background-position: center right 25% }
      .default { background-position: 50% 50% }
    </style>
  </head>
  <body>
    
    <div class="objectOuter"><div class="bigWide tr"></div></div>
    <div class="objectOuter"><div class="bigWide bl"></div></div>
    <div class="objectOuter"><div class="bigWide tl"></div></div>
    <div class="objectOuter"><div class="bigWide br"></div></div>
    <div class="objectOuter"><div class="bigWide tc"></div></div>
    <div class="objectOuter"><div class="bigWide cr"></div></div>
    <div class="objectOuter"><div class="bigWide default"></div></div>
    <br>
    
    <div class="objectOuter"><div class="bigTall tr"></div></div>
    <div class="objectOuter"><div class="bigTall bl"></div></div>
    <div class="objectOuter"><div class="bigTall tl"></div></div>
    <div class="objectOuter"><div class="bigTall br"></div></div>
    <div class="objectOuter"><div class="bigTall tc"></div></div>
    <div class="objectOuter"><div class="bigTall cr"></div></div>
    <div class="objectOuter"><div class="bigTall default"></div></div>
    <br>
    
    <div class="objectOuter"><div class="small tr"></div></div>
    <div class="objectOuter"><div class="small bl"></div></div>
    <div class="objectOuter"><div class="small tl"></div></div>
    <div class="objectOuter"><div class="small br"></div></div>
    <div class="objectOuter"><div class="small tc"></div></div>
    <div class="objectOuter"><div class="small cr"></div></div>
    <div class="objectOuter"><div class="small default"></div></div>
    <br>
  </body>
</html>

Messung V0.5

¤ Dauer der Verarbeitung: 0.3 Sekunden ¤

Wurzel

Suchen

Beweissystem der NASA

Beweissystem Isabelle

NIST Cobol Testsuite

Cephes Mathematical Library

Wiener Entwicklungsmethode

Haftungshinweis

Die Informationen auf dieser Webseite wurden nach bestem Wissen sorgfältig zusammengestellt. Es wird jedoch weder Vollständigkeit, noch Richtigkeit, noch Qualität der bereit gestellten Informationen zugesichert.

Bemerkung:

Die farbliche Syntaxdarstellung und die Messung sind noch experimentell.