RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-26 13:37:44 +00:00
Code Issues Activity Actions

Base: Add background-position-x/y test page

Browse source
This commit is contained in:
MacDue 2023-04-02 23:02:43 +01:00 • committed by Andreas Kling
parent bed55ac669
commit 0abd469d24
2 changed files with 26 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

25
Base/res/html/misc/background-position-xy.html Normal file
View file

@ -0,0 +1,25 @@
<style>
.example {
display: inline-block;
width: 200px;
height: 200px;
border: 1px solid black;
background-repeat: no-repeat;
background-size: 30px 30px;
background-image: linear-gradient(red, red);
}
</style>
<b>background-position-x</b><br>
<div class="example" style="background-position-x: left"></div>
<div class="example" style="background-position-x: center"></div>
<div class="example" style="background-position-x: 25%"></div>
<div class="example" style="background-position-x: 2rem"></div>
<div class="example" style="background-position-x: right 32px"></div>
<br>
<br>
<b>background-position-y</b><br>
<div class="example" style="background-position-y: top"></div>
<div class="example" style="background-position-y: center"></div>
<div class="example" style="background-position-y: 25%"></div>
<div class="example" style="background-position-y: 2rem"></div>
<div class="example" style="background-position-y: bottom 32px"></div>