chromium/third_party/blink/web_tests/svg/custom/svg-overflow-types.svg

<?xml version="1.0" ?> 
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400">

  <rect x='0' y='0' width='200' height='200' fill="green" />
  <svg x='0' y='0' width="100" height="100" style="overflow: hidden">
    <rect x='0' y='0' width='200' height='200' fill="red" />
    <rect x='0' y='0' width='100' height='100' fill="green" />
  </svg>
  <text x='50' y='100'>overflow: hidden</text>
  
  
  <rect x='200' y='0' width='200' height='200' fill="green" />
  <svg x='200' y='0' width="100" height="100" style="overflow: scroll">
    <rect x='0' y='0' width='200' height='200' fill="red" />
    <rect x='0' y='0' width='100' height='100' fill="green" />
  </svg>
  <text x='250' y='100'>overflow: scroll</text>
  
  
  <rect x='0' y='200' width='200' height='200' fill="red" />
  <svg x='0' y='200' width="100" height="100" style="overflow: auto">
    <rect x='0' y='0' width='200' height='200' fill="green" />
  </svg>
  <text x='50' y='300'>overflow: auto</text>
  
  
  <rect x='200' y='200' width='200' height='200' fill="red" />
  <svg x='200' y='200' width="100" height="100" style="overflow: visible">
    <rect x='0' y='0' width='200' height='200' fill="green" />
  </svg>
  <text x='250' y='300'>overflow: visible</text>
  
</svg>