| <!DOCTYPE html> |
| <html> |
| <head> |
| <script src="../../resources/js-test-pre.js"></script> |
| <style> |
| .parent { |
| alt: "TestAlt"; |
| } |
| </style> |
| </head> |
| <body> |
| <div id="parentDiv" class="parent"> |
| <div id="testDiv"></div> |
| </div> |
| |
| <script> |
| description("Tests inherit and initial on 'alt' CSS property."); |
| |
| var parentDiv = document.getElementById("parentDiv"); |
| var testDiv = document.getElementById("testDiv"); |
| shouldBeEmptyString("parentDiv.style['alt']", ""); |
| shouldBeEqualToString("window.getComputedStyle(parentDiv).getPropertyValue('alt')", '"TestAlt"'); |
| shouldBeEmptyString("testDiv.style['alt']"); |
| |
| // Inherit. |
| evalAndLog("testDiv.style['alt'] = 'inherit'"); |
| shouldBeEqualToString("testDiv.style['alt']", "inherit"); |
| shouldBeEqualToString("window.getComputedStyle(testDiv).getPropertyValue('alt')", '"TestAlt"'); |
| |
| // Initial. |
| evalAndLog("testDiv.style['alt'] = 'initial'"); |
| shouldBeEqualToString("testDiv.style['alt']", "initial"); |
| shouldBeEqualToString("window.getComputedStyle(testDiv).getPropertyValue('alt')", `""`); |
| |
| </script> |
| <script src="../../resources/js-test-post.js"></script> |
| </body> |
| </html> |
