ladybird/Tests/LibWeb/Text/input/css/CSSPropertyRule-properties-readonly.html
Alex Ungurianu a4c72f50c0 LibWeb: Parse @property CSS directives
This is not a complete parse, as it doesn't validate or take into
account the parsed syntax.
Enough to get us a few more WPT tests though :)
2024-10-23 06:55:37 +01:00

26 lines
940 B
HTML

<!DOCTYPE html>
<style>
@property --tester {
syntax: "*";
inherits: false;
initial-value: blue;
}
</style>
<div>This text shouldn't be visible</div>
<script src="../include.js"></script>
<script>
test(() => {
const propertyRule = document.styleSheets[0].cssRules[0];
println(`@property rule syntax value: ${propertyRule.syntax}`);
propertyRule.syntax = "<color> | none";
println(`@property rule syntax value: ${propertyRule.syntax}`);
println(`@property rule inherits value: ${propertyRule.inherits}`);
propertyRule.inherits = true;
println(`@property rule inherits value: ${propertyRule.inherits}`);
println(`@property rule initialValue value: ${propertyRule.initialValue}`);
propertyRule.initialValue = "red";
println(`@property rule initialValue value: ${propertyRule.initialValue}`);
});
</script>