1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
content / test / data / accessibility / event / text-indent-changed.html [blame]
<!DOCTYPE html>
<html>
<body>
<div contenteditable>
<div id="d0"></div>
<div id="d1"></div>
<div id="d2"></div>
<div id="d3"></div>
<div id="d4" style="text-indent: 10px"></div>
<div id="d5" style="text-indent: inherit"></div>
<div id="d6" style="text-indent: initial"></div>
</div>
<script>
function go() {
// Should fire an event when text-indent changes to something that does not
// resolve to the default value of 0.
document.getElementById('d0').style.setProperty('text-indent', '10px');
document.getElementById('d1').style.setProperty('text-indent', '-10px');
document.getElementById('d2').style.setProperty('text-indent', '0px');
document.getElementById('d3').style.setProperty('text-indent', '10%');
document.getElementById('d4').style.setProperty('text-indent', '20px');
document.getElementById('d5').style.setProperty('text-indent', '0px');
document.getElementById('d6').style.setProperty('text-indent', '0px');
}
</script>
</body>
</html>