logical-box-border-color-visited-link-002.html (814B)
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>