If a stylesheet is added to the DOM dynamically, and it defines a CSS Custom Property used in another rule for the border property, it does not apply the border effect.
Steps to reproduce
1. Load attached css-vars-late-style.html in Safari 9.1
2. Note that the element with text content "Should be bordered" does not have a border
Div with content "Should be bordered" should have a 10px solid green border.
Div is not bordered
Works in Chrome 49 and Firefox 45
Created attachment 274726 [details]
After playing with it in the Dev Tools, setting display to none and back to block will trigger the correct effect.
*** This bug has been marked as a duplicate of bug 154785 ***