<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="../../resources/js-test-pre.js"></script>
</head>
<body>
<script>

shorthandProperties = [
    "font",
    "border-top",
    "border-right",
    "border-bottom",
    "border-left",
    "border",
    "border-color",
    "border-style",
    "border-width",
    "background-position",
    "background-repeat",
    "border-spacing",
    "list-style",
    "margin",
    "outline",
    "padding",
    "background",
    "overflow",
    "border-radius"
];

element = document.createElement('span');

function canSetProperty(propertyName) {
    element.style.setProperty(propertyName, 'initial');
    return element.style.getPropertyValue(propertyName) == 'initial';
}

function canRemoveProperty(propertyName) {
    element.style.removeProperty(propertyName);
    return element.style.getPropertyValue(propertyName) != 'initial';
}

description("Tests that shorthand properties can be removed via CSSOM.");

for (i = 0; i < shorthandProperties.length; ++i) {
    var propertyName = shorthandProperties[i];

    shouldBe("canSetProperty('" + propertyName + "')", "true");
    shouldBe("canRemoveProperty('" + propertyName + "')", "true");
}

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