---
metadata:
  - name: generator
    content: Diplodoc Platform v5.50.3
alternate:
  - https://divkit.tech/docs/en/concepts/divs/2/div-cloud-background.md
  - https://divkit.tech/docs/ru/concepts/divs/2/div-cloud-background.md
---
> **Documentation Index:** Fetch the complete configuration index at https://divkit.tech/docs/en/llms.txt

# div-cloud-background
Cloud-style text background. Rows have a rectangular background in the specified color with rounded corners.

## Parameters
| Parameters | Description |
| --- | --- |
| `color` | <p>**string**</p><p>Required parameter.</p><p>Fill color.</p><p>Valid formats: `#RGB`, `#ARGB`, `#RRGGBB`, `#AARRGGBB`.</p><p>Available platforms: Android, iOS, web.</p> |
| `corner_radius` | <p>**int**</p><p>Required parameter.</p><p>Corner rounding radius.</p><p>Restriction for the value `x`: `x >= 0`.</p><p>Available platforms: Android, iOS, web.</p> |
| `type` | <p>**string**</p><p>Required parameter.</p><p>The value must always be `cloud`.</p><p>Available platforms: Android, iOS, web.</p> |
| `paddings` | <p>**object**</p><p>Margins between the row border and background border.</p><p>The value has the type `div-edge-insets`.</p><p>Available platforms: Android, iOS, web.</p> |

<details>
<summary>JSON</summary>

```json
{
  type*: "cloud",
  color*: "string",
  corner_radius*: "int",
  paddings: {
    bottom: "int",
    end: "int",
    left: "int",
    right: "int",
    start: "int",
    top: "int",
    unit: "string"
  }
}
```
</details>