Open
Bug 2021775
Opened 4 months ago
Updated 4 months ago
The zoom property does not adjust the border-image-slice property in CSS
Categories
(Core :: Layout, defect)
Tracking
()
NEW
People
(Reporter: geniuszxy, Unassigned)
References
Details
Attachments
(2 files)
border-sc.PNG
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:148.0) Gecko/20100101 Firefox/148.0
Steps to reproduce:
Here's a simple example to reproduce the issue. When zoom: 2 is set, the border image has been enlarged by 2, but the actual border only displays a 2-pixel pattern. In other words, the rendered result is inconsistent with the effect without setting the zoom property.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
.border {
border-image-source: url(border.png);
border-image-slice: 4;
border-image-width: 3px;
width: 20px;
height: 20px;
image-rendering: pixelated;
background-color: black;
zoom:2;
}
</style>
</head>
<body>
<div class="border" element="1"></div>Post
</body>
</html>
Actual results:
See the attachment
Expected results:
See the attachment
|
||
Comment 2•4 months ago
|
||
The Bugbug bot thinks this bug should belong to the 'Core::Layout' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.
Component: Untriaged → Layout
Product: Firefox → Core
|
||
Updated•4 months ago
|
You need to log in
before you can comment on or make changes to this bug.
Description
•