layout/reftests/css-visited/logical-box-border-color-visited-link-002.html

   1 <!DOCTYPE html>
   2 <meta charset="utf-8">
   3 <title>CSS Logical Properties: Flow-Relative Border Colors in Visited Links</title>
   4 <style>
   5 a {
   6   display: inline-block;
   7   vertical-align: top;
   8   border: 25px solid red;
   9 }
  10 #link1, #link2:visited {
  11   border-block-color: green;
  12   border-inline-color: green;
  13 }
  14 #link3 {
  15   border-block: 25px solid green;
  16   border-inline: 25px solid green;
  17 }
  18 #link4:visited {
  19   /* :visited should honor the border color but ignore other values in the shorthand */
  20   border-block: 0 none green;
  21   border-inline: 0 none green;
  22 }
  23 </style>
  24 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
  25 <a id="link1" href="visited-page.html"></a><a id="link2" href="visited-page.html"></a><br>
  26 <a id="link3" href="visited-page.html"></a><a id="link4" href="visited-page.html"></a>