mirror of
https://github.com/RGBCube/serenity
synced 2025-10-31 13:12:46 +00:00
3fd870a429
When specifying either `background-position-x: right` or `background-position-y: bottom` without an offset value no EdgeStyleValue was created. However, the spec says the offset should be optional. Now, if you do not provide an offset, it creates the EdgeStyleValue with a default offset of 0 pixels.
27 lines
1.1 KiB
HTML
27 lines
1.1 KiB
HTML
<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>
|
|
<div class="example" style="background-position-x: right"></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>
|
|
<div class="example" style="background-position-y: bottom"></div>
|