---
title: "BackgroundPaintProps | JavaScript maps SDK"
description: "Documentation for MapTiler SDK"
---

> For AI agents: a documentation index is available at [/llms.txt](https://docs.maptiler.com/llms.txt). Markdown versions of all pages are available by appending .md to any URL.

# Type Alias BackgroundPaintProps

type BackgroundPaintProps \= {  
    ["background-color"](#background-color): [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<[Color](https://docs.maptiler.com/sdk-js/api-reference/classes/Color/)\>;  
    ["background-opacity"](#background-opacity): [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<number\>;  
    ["background-pattern"](#background-pattern): [CrossFadedProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.CrossFadedProperty/)<[ResolvedImage](https://docs.maptiler.com/sdk-js/api-reference/classes/ResolvedImage/)\>;  
}

##### Index

### Properties[](#properties)

[background-color](#background-color) [background-opacity](#background-opacity) [background-pattern](#background-pattern)

## Properties[](#properties-1)

### background-color[](#background-color)

"background-color": [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<[Color](https://docs.maptiler.com/sdk-js/api-reference/classes/Color/)\>

### background-opacity[](#background-opacity)

"background-opacity": [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<number\>

### background-pattern[](#background-pattern)

"background-pattern": [CrossFadedProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.CrossFadedProperty/)<[ResolvedImage](https://docs.maptiler.com/sdk-js/api-reference/classes/ResolvedImage/)\>