---
title: Component Styles
framework: applenews
role: collectionGroup
role_heading: API Collection
path: applenews/component-styles
---

# Component Styles

Learn to use component styles to add borders, set background colors, and apply background images to components and to set the styling for tables.

## Overview

Overview Component styles are at the heart of creating a unique article with Apple News Format. They provide options that range from adding background images and drawing borders to setting the styles for the rows, columns, and cells in a table.

## Topics

### Component Style Basics

- [Defining a Component Style](applenews/defining-a-component-style.md)
- [ComponentStyle](applenewsformat/componentstyle.md)
- [CornerMask](applenewsformat/cornermask.md)
- [Border](applenewsformat/border.md)
- [StrokeStyle](applenewsformat/strokestyle.md)

### Backgrounds for Components

- [Applying a Background to a Component](applenews/applying-a-background-to-a-component.md)
- [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)

### Component Effects

- [ComponentShadow](applenewsformat/componentshadow.md)
- [ComponentShadowOffset](applenewsformat/componentshadowoffset.md)

### Table Styles

- [Defining and Using Table Styles](applenews/defining-and-using-table-styles.md)
- [TableStyle](applenewsformat/tablestyle.md)
- [TableRowStyle](applenewsformat/tablerowstyle.md)
- [ConditionalTableRowStyle](applenewsformat/conditionaltablerowstyle.md)
- [TableRowSelector](applenewsformat/tablerowselector.md)
- [TableColumnStyle](applenewsformat/tablecolumnstyle.md)
- [ConditionalTableColumnStyle](applenewsformat/conditionaltablecolumnstyle.md)
- [TableColumnSelector](applenewsformat/tablecolumnselector.md)
- [TableCellStyle](applenewsformat/tablecellstyle.md)
- [ConditionalTableCellStyle](applenewsformat/conditionaltablecellstyle.md)
- [TableCellSelector](applenewsformat/tablecellselector.md)
- [TableBorder](applenewsformat/tableborder.md)
- [TableStrokeStyle](applenewsformat/tablestrokestyle.md)
- [Padding](applenewsformat/padding.md)
- [FormattedText](applenewsformat/formattedtext.md)

## See Also

### Related Documentation

- [Apple News Format Tutorials](applenews/apple-news-format-tutorials.md)

### Styles

- [Enhancing Your Articles with Styles](applenews/enhancing-your-articles-with-styles.md)
- [Supporting Dark Mode for Your Article](applenews/supporting-dark-mode-for-your-article.md)
- [DocumentStyle](applenewsformat/documentstyle.md)
- [Text Styles](applenews/text-styles.md)
- [Supported Color Names](applenews/supported-color-names.md)
- [Color](applenewsformat/color.md)