<!DOCTYPE html>
<html>
<body>
<script src="../../resources/js-test.js"></script>
<script>

description("This test ensures border shorthand property initializes longhand properties such as border-top-style and border-right-color.");

var div = document.createElement('div');
shouldBeEqualToString("div.setAttribute('style', 'border: 1px');div.style.borderTopStyle", "none");
shouldBeEqualToString("div.style.borderRightStyle", "none");
shouldBeEqualToString("div.style.borderBottomStyle", "none");
shouldBeEqualToString("div.style.borderLeftStyle", "none");

shouldBeEqualToString("div.style.borderTopColor", "currentcolor");
shouldBeEqualToString("div.style.borderRightColor", "currentcolor");
shouldBeEqualToString("div.style.borderBottomColor", "currentcolor");
shouldBeEqualToString("div.style.borderLeftColor", "currentcolor");

shouldBeEqualToString("div.setAttribute('style', 'border: solid');div.style.borderTopWidth", "medium");
shouldBeEqualToString("div.style.borderRightWidth", "medium");
shouldBeEqualToString("div.style.borderBottomWidth", "medium");
shouldBeEqualToString("div.style.borderLeftWidth", "medium");

</script>
</body>
</html>
