system/serenity
system/serenity
1
0
Fork 0
mirror of https://github.com/SerenityOS/serenity synced 2024-07-21 18:15:58 +00:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

Base: Add developer's tests to computed-style.html

Browse source
This commit is contained in:
kleines Filmröllchen 2021-09-14 00:33:46 +02:00 committed by Andreas Kling
parent 20fb900937
commit dc026db800
1 changed files with 23 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
Base/res/html/misc/computed-style.html
View file

@ -13,6 +13,22 @@
display: block;
color: red;
}
p {
display: inherit;
opacity: 50%;
font-size: 90%;
background: white;
cursor: col-resize;
border-radius: 30px 1cm;
}
p#yak {
flex: content;
height: 60px;
left: -4%;
padding: 6cm;
margin: auto;
border: 5px solid blue;
}
</style>
</style>
</head>
@ -21,6 +37,7 @@
<div id=bar style="color: green">Other text</div>
<div id=invisible>You cannot see me</div>
<div id=visible>You CAN see me</div>
<p id="yak">Lorem Yaksum dolor sit yakkety...</p>
<script>
// #foo
var foo = document.getElementById("foo");
@ -43,6 +60,12 @@ var visible = document.getElementById("visible");
var visibleStyle = getComputedStyle(visible);
console.log(visibleStyle.display)
console.log(visibleStyle.color)
var yak = document.getElementById("yak");
var yakStyle = getComputedStyle(yak);
for (style of ['font-size', 'border', 'padding', 'margin', 'flex', 'height', 'left', 'cursor', 'display', 'background', 'opacity', 'border-radius']) {
console.log(style, yakStyle[style])
}
</script>
</body>
</html>