summaryrefslogtreecommitdiffstats
path: root/third_party/WebKit/LayoutTests/fast/css/border-image-value-grammar.html
blob: 72da43010b64ad108269da1ffa7bd4d042bee053 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<script src="../../resources/js-test.js"></script>
<script>
description("Support consecutive slash operators for border-image");

var element = document.createElement('div');
var style = element.style;
style.borderImage = '3 / / 2';
shouldBeEqualToString("style.getPropertyValue('border-image-slice')", "3");
shouldBeEqualToString("style.getPropertyValue('border-image-width')", "initial");
shouldBeEqualToString("style.getPropertyValue('border-image-outset')", "2");

style.borderImage = '4 / 5';
shouldBeEqualToString("style.getPropertyValue('border-image-slice')", "4");
shouldBeEqualToString("style.getPropertyValue('border-image-width')", "5");
shouldBeEqualToString("style.getPropertyValue('border-image-outset')", "initial");

style.borderImage = '1 / 2 / 3';
shouldBeEqualToString("style.getPropertyValue('border-image-slice')", "1");
shouldBeEqualToString("style.getPropertyValue('border-image-width')", "2");
shouldBeEqualToString("style.getPropertyValue('border-image-outset')", "3");
</script>