webkit-background-origin-text.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /compat/webkit-background-origin-text.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<meta charset="utf-8">

<title>webkit-background-origin should not accept text as value</title>

<link rel="author" title="Rob Buis" href="rob.buis@chromium.org">

<link rel="match" href="webkit-background-origin-text-ref.html">

<meta name="fuzzy" content="maxDifference=0-1; totalPixels=0-4400">

<style>

#target {

  width: 0px;

  background-image: linear-gradient(green, green 50%, red 50%, red);

  background-size: 200px 200px;

  background-origin: border-box;

  -webkit-background-origin: text;

  padding: 25px;

  border: 25px solid transparent;

</style>

<p>There should be a green square below and no red.</p>

<div id="target"></div>