mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2026-04-21 03:10:26 +00:00
33 lines
879 B
HTML
33 lines
879 B
HTML
|
<!DOCTYPE html>
|
||
|
|
<script src="../include.js"></script>
|
||
|
|
<style>
|
||
|
|
#foo {
|
||
|
|
color: grey;
|
||
|
|
background-color: yellow;
|
||
|
|
}
|
||
|
|
#foo::before {
|
||
|
|
content: "hi";
|
||
|
|
background-color: cyan;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<div id="foo"></div>
|
||
|
|
<script>
|
||
|
|
test(() => {
|
||
|
|
const foo = document.getElementById("foo");
|
||
|
|
const style = getComputedStyle(foo);
|
||
|
|
const beforeStyle = getComputedStyle(foo, "::before");
|
||
|
|
const propertyValues = [
|
||
|
|
"color",
|
||
|
|
"background-color",
|
||
|
|
];
|
||
|
|
println("#foo:");
|
||
|
|
for (const property of propertyValues) {
|
||
|
|
println(` ${property}: ${style.getPropertyValue(property)}`);
|
||
|
|
}
|
||
|
|
println("#foo::before:");
|
||
|
|
for (const property of propertyValues) {
|
||
|
|
println(` ${property}: ${beforeStyle.getPropertyValue(property)}`);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
</script>
|