src/third_party/WebKit/LayoutTests/fast/regions/region-styling/region-style-not-supported-properties.html

   1 <!doctype html>
   2 <html>
   3     <head>
   4         <style>
   5             #article { -webkit-flow-into: flow; width: 50px; height: 50px; background-color: green; }
   6             #region { -webkit-flow-from: flow; width: 200px; height: 200px; position: absolute; top: 100px; left: 100px; }
   7
   8             /* visibility is not in the list of supported region style properties */
   9             @-webkit-region #region {
  10                 #article {
  11                     visibility: hidden;
  12                 }
  13             }
  14
  15             #redBox { width: 50px; height: 50px; background-color: red; position: absolute; top: 100px; left: 100px; }
  16         </style>
  17     </head>
  18     <body>
  19         <p>Only a few css properties are supposed to be enabled through region styling.</p>
  20         <p>On success you should see a green rectangle below.</p>
  21         <div id="article"></div>
  22         <div id="redBox"></div>
  23         <div id="region"></div>
  24     </body>
  25 </html>