---
title: Applying a Background to a Component
framework: applenews
role: article
role_heading: Article
path: applenews/applying-a-background-to-a-component
---

# Applying a Background to a Component

Change the appearance of the backgrounds in your article.

## Overview

Overview You can specify a background, or fill, that Apple News Format applies on top of a componentʼs background color. The fill can be an image, a repeatable image, a linear gradient, or a video. For each of these options, you can set properties that determine how Apple News Format displays the background and how the background behaves. To set a background for a component, use the fill property in the ComponentStyle object the component uses. Apple News Format lets you choose from these types of fills for your backgrounds: ImageFill. Use an image as your background. RepeatableImageFill. Use an image that can be repeated as your background. VideoFill. Use a video that starts automatically as your background. LinearGradientFill. Transition from one color at the top of the component to another color at the bottom. You can set the colors (and percentages) as well as the angle of the gradient fill. An angle of 90 degrees transitions from left to right instead of top to bottom.

## See Also

### Backgrounds for Components

- [ImageFill](applenewsformat/imagefill.md)
- [RepeatableImageFill](applenewsformat/repeatableimagefill.md)
- [VideoFill](applenewsformat/videofill.md)
- [LinearGradientFill](applenewsformat/lineargradientfill.md)
- [GradientFill](applenewsformat/gradientfill.md)
- [Fill](applenewsformat/fill.md)
- [ColorStop](applenewsformat/colorstop.md)