mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-09-09 02:56:10 +00:00
LibWeb/CSS: Implement 'background-blend-mode'
This implements the 'background-blend-mode' CSS property.
This commit is contained in:
Glenn Skrzypczak
Sam Atkins
parent
1898643ba4
commit
a73cd88f0c
Notes:
github-actions[bot]
2025-03-28 09:42:07 +00:00
Author: https://github.com/skyz1
Commit: a73cd88f0c
Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/3940
Reviewed-by: https://github.com/AtkinsSJ ✅
27 changed files with 303 additions and 199 deletions
|
|
@ -77,161 +77,162 @@ All properties associated with getComputedStyle(document.body):
|
|||
"74": "aspect-ratio",
|
||||
"75": "backdrop-filter",
|
||||
"76": "background-attachment",
|
||||
"77": "background-clip",
|
||||
"78": "background-color",
|
||||
"79": "background-image",
|
||||
"80": "background-origin",
|
||||
"81": "background-position-x",
|
||||
"82": "background-position-y",
|
||||
"83": "background-repeat",
|
||||
"84": "background-size",
|
||||
"85": "block-size",
|
||||
"86": "border-block-end-color",
|
||||
"87": "border-block-end-style",
|
||||
"88": "border-block-end-width",
|
||||
"89": "border-block-start-color",
|
||||
"90": "border-block-start-style",
|
||||
"91": "border-block-start-width",
|
||||
"92": "border-bottom-color",
|
||||
"93": "border-bottom-left-radius",
|
||||
"94": "border-bottom-right-radius",
|
||||
"95": "border-bottom-style",
|
||||
"96": "border-bottom-width",
|
||||
"97": "border-inline-end-color",
|
||||
"98": "border-inline-end-style",
|
||||
"99": "border-inline-end-width",
|
||||
"100": "border-inline-start-color",
|
||||
"101": "border-inline-start-style",
|
||||
"102": "border-inline-start-width",
|
||||
"103": "border-left-color",
|
||||
"104": "border-left-style",
|
||||
"105": "border-left-width",
|
||||
"106": "border-right-color",
|
||||
"107": "border-right-style",
|
||||
"108": "border-right-width",
|
||||
"109": "border-top-color",
|
||||
"110": "border-top-left-radius",
|
||||
"111": "border-top-right-radius",
|
||||
"112": "border-top-style",
|
||||
"113": "border-top-width",
|
||||
"114": "bottom",
|
||||
"115": "box-shadow",
|
||||
"116": "box-sizing",
|
||||
"117": "clear",
|
||||
"118": "clip",
|
||||
"119": "clip-path",
|
||||
"120": "column-count",
|
||||
"121": "column-gap",
|
||||
"122": "column-span",
|
||||
"123": "column-width",
|
||||
"124": "contain",
|
||||
"125": "content",
|
||||
"126": "content-visibility",
|
||||
"127": "counter-increment",
|
||||
"128": "counter-reset",
|
||||
"129": "counter-set",
|
||||
"130": "cx",
|
||||
"131": "cy",
|
||||
"132": "display",
|
||||
"133": "filter",
|
||||
"134": "flex-basis",
|
||||
"135": "flex-direction",
|
||||
"136": "flex-grow",
|
||||
"137": "flex-shrink",
|
||||
"138": "flex-wrap",
|
||||
"139": "float",
|
||||
"140": "grid-auto-columns",
|
||||
"141": "grid-auto-flow",
|
||||
"142": "grid-auto-rows",
|
||||
"143": "grid-column-end",
|
||||
"144": "grid-column-start",
|
||||
"145": "grid-row-end",
|
||||
"146": "grid-row-start",
|
||||
"147": "grid-template-areas",
|
||||
"148": "grid-template-columns",
|
||||
"149": "grid-template-rows",
|
||||
"150": "height",
|
||||
"151": "inline-size",
|
||||
"152": "inset-block-end",
|
||||
"153": "inset-block-start",
|
||||
"154": "inset-inline-end",
|
||||
"155": "inset-inline-start",
|
||||
"156": "isolation",
|
||||
"157": "justify-content",
|
||||
"158": "justify-items",
|
||||
"159": "justify-self",
|
||||
"160": "left",
|
||||
"161": "margin-block-end",
|
||||
"162": "margin-block-start",
|
||||
"163": "margin-bottom",
|
||||
"164": "margin-inline-end",
|
||||
"165": "margin-inline-start",
|
||||
"166": "margin-left",
|
||||
"167": "margin-right",
|
||||
"168": "margin-top",
|
||||
"169": "mask-image",
|
||||
"170": "mask-type",
|
||||
"171": "max-block-size",
|
||||
"172": "max-height",
|
||||
"173": "max-inline-size",
|
||||
"174": "max-width",
|
||||
"175": "min-block-size",
|
||||
"176": "min-height",
|
||||
"177": "min-inline-size",
|
||||
"178": "min-width",
|
||||
"179": "mix-blend-mode",
|
||||
"180": "object-fit",
|
||||
"181": "object-position",
|
||||
"182": "opacity",
|
||||
"183": "order",
|
||||
"184": "outline-color",
|
||||
"185": "outline-offset",
|
||||
"186": "outline-style",
|
||||
"187": "outline-width",
|
||||
"188": "overflow-x",
|
||||
"189": "overflow-y",
|
||||
"190": "padding-block-end",
|
||||
"191": "padding-block-start",
|
||||
"192": "padding-bottom",
|
||||
"193": "padding-inline-end",
|
||||
"194": "padding-inline-start",
|
||||
"195": "padding-left",
|
||||
"196": "padding-right",
|
||||
"197": "padding-top",
|
||||
"198": "position",
|
||||
"199": "r",
|
||||
"200": "right",
|
||||
"201": "rotate",
|
||||
"202": "row-gap",
|
||||
"203": "rx",
|
||||
"204": "ry",
|
||||
"205": "scale",
|
||||
"206": "scrollbar-gutter",
|
||||
"207": "scrollbar-width",
|
||||
"208": "stop-color",
|
||||
"209": "stop-opacity",
|
||||
"210": "table-layout",
|
||||
"211": "text-decoration-color",
|
||||
"212": "text-decoration-style",
|
||||
"213": "text-decoration-thickness",
|
||||
"214": "text-overflow",
|
||||
"215": "top",
|
||||
"216": "transform",
|
||||
"217": "transform-box",
|
||||
"218": "transform-origin",
|
||||
"219": "transition-delay",
|
||||
"220": "transition-duration",
|
||||
"221": "transition-property",
|
||||
"222": "transition-timing-function",
|
||||
"223": "translate",
|
||||
"224": "unicode-bidi",
|
||||
"225": "user-select",
|
||||
"226": "vertical-align",
|
||||
"227": "view-transition-name",
|
||||
"228": "width",
|
||||
"229": "x",
|
||||
"230": "y",
|
||||
"231": "z-index"
|
||||
"77": "background-blend-mode",
|
||||
"78": "background-clip",
|
||||
"79": "background-color",
|
||||
"80": "background-image",
|
||||
"81": "background-origin",
|
||||
"82": "background-position-x",
|
||||
"83": "background-position-y",
|
||||
"84": "background-repeat",
|
||||
"85": "background-size",
|
||||
"86": "block-size",
|
||||
"87": "border-block-end-color",
|
||||
"88": "border-block-end-style",
|
||||
"89": "border-block-end-width",
|
||||
"90": "border-block-start-color",
|
||||
"91": "border-block-start-style",
|
||||
"92": "border-block-start-width",
|
||||
"93": "border-bottom-color",
|
||||
"94": "border-bottom-left-radius",
|
||||
"95": "border-bottom-right-radius",
|
||||
"96": "border-bottom-style",
|
||||
"97": "border-bottom-width",
|
||||
"98": "border-inline-end-color",
|
||||
"99": "border-inline-end-style",
|
||||
"100": "border-inline-end-width",
|
||||
"101": "border-inline-start-color",
|
||||
"102": "border-inline-start-style",
|
||||
"103": "border-inline-start-width",
|
||||
"104": "border-left-color",
|
||||
"105": "border-left-style",
|
||||
"106": "border-left-width",
|
||||
"107": "border-right-color",
|
||||
"108": "border-right-style",
|
||||
"109": "border-right-width",
|
||||
"110": "border-top-color",
|
||||
"111": "border-top-left-radius",
|
||||
"112": "border-top-right-radius",
|
||||
"113": "border-top-style",
|
||||
"114": "border-top-width",
|
||||
"115": "bottom",
|
||||
"116": "box-shadow",
|
||||
"117": "box-sizing",
|
||||
"118": "clear",
|
||||
"119": "clip",
|
||||
"120": "clip-path",
|
||||
"121": "column-count",
|
||||
"122": "column-gap",
|
||||
"123": "column-span",
|
||||
"124": "column-width",
|
||||
"125": "contain",
|
||||
"126": "content",
|
||||
"127": "content-visibility",
|
||||
"128": "counter-increment",
|
||||
"129": "counter-reset",
|
||||
"130": "counter-set",
|
||||
"131": "cx",
|
||||
"132": "cy",
|
||||
"133": "display",
|
||||
"134": "filter",
|
||||
"135": "flex-basis",
|
||||
"136": "flex-direction",
|
||||
"137": "flex-grow",
|
||||
"138": "flex-shrink",
|
||||
"139": "flex-wrap",
|
||||
"140": "float",
|
||||
"141": "grid-auto-columns",
|
||||
"142": "grid-auto-flow",
|
||||
"143": "grid-auto-rows",
|
||||
"144": "grid-column-end",
|
||||
"145": "grid-column-start",
|
||||
"146": "grid-row-end",
|
||||
"147": "grid-row-start",
|
||||
"148": "grid-template-areas",
|
||||
"149": "grid-template-columns",
|
||||
"150": "grid-template-rows",
|
||||
"151": "height",
|
||||
"152": "inline-size",
|
||||
"153": "inset-block-end",
|
||||
"154": "inset-block-start",
|
||||
"155": "inset-inline-end",
|
||||
"156": "inset-inline-start",
|
||||
"157": "isolation",
|
||||
"158": "justify-content",
|
||||
"159": "justify-items",
|
||||
"160": "justify-self",
|
||||
"161": "left",
|
||||
"162": "margin-block-end",
|
||||
"163": "margin-block-start",
|
||||
"164": "margin-bottom",
|
||||
"165": "margin-inline-end",
|
||||
"166": "margin-inline-start",
|
||||
"167": "margin-left",
|
||||
"168": "margin-right",
|
||||
"169": "margin-top",
|
||||
"170": "mask-image",
|
||||
"171": "mask-type",
|
||||
"172": "max-block-size",
|
||||
"173": "max-height",
|
||||
"174": "max-inline-size",
|
||||
"175": "max-width",
|
||||
"176": "min-block-size",
|
||||
"177": "min-height",
|
||||
"178": "min-inline-size",
|
||||
"179": "min-width",
|
||||
"180": "mix-blend-mode",
|
||||
"181": "object-fit",
|
||||
"182": "object-position",
|
||||
"183": "opacity",
|
||||
"184": "order",
|
||||
"185": "outline-color",
|
||||
"186": "outline-offset",
|
||||
"187": "outline-style",
|
||||
"188": "outline-width",
|
||||
"189": "overflow-x",
|
||||
"190": "overflow-y",
|
||||
"191": "padding-block-end",
|
||||
"192": "padding-block-start",
|
||||
"193": "padding-bottom",
|
||||
"194": "padding-inline-end",
|
||||
"195": "padding-inline-start",
|
||||
"196": "padding-left",
|
||||
"197": "padding-right",
|
||||
"198": "padding-top",
|
||||
"199": "position",
|
||||
"200": "r",
|
||||
"201": "right",
|
||||
"202": "rotate",
|
||||
"203": "row-gap",
|
||||
"204": "rx",
|
||||
"205": "ry",
|
||||
"206": "scale",
|
||||
"207": "scrollbar-gutter",
|
||||
"208": "scrollbar-width",
|
||||
"209": "stop-color",
|
||||
"210": "stop-opacity",
|
||||
"211": "table-layout",
|
||||
"212": "text-decoration-color",
|
||||
"213": "text-decoration-style",
|
||||
"214": "text-decoration-thickness",
|
||||
"215": "text-overflow",
|
||||
"216": "top",
|
||||
"217": "transform",
|
||||
"218": "transform-box",
|
||||
"219": "transform-origin",
|
||||
"220": "transition-delay",
|
||||
"221": "transition-duration",
|
||||
"222": "transition-property",
|
||||
"223": "transition-timing-function",
|
||||
"224": "translate",
|
||||
"225": "unicode-bidi",
|
||||
"226": "user-select",
|
||||
"227": "vertical-align",
|
||||
"228": "view-transition-name",
|
||||
"229": "width",
|
||||
"230": "x",
|
||||
"231": "y",
|
||||
"232": "z-index"
|
||||
}
|
||||
All properties associated with document.body.style by default:
|
||||
{}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue