<!--
{
  "documentType" : "article",
  "framework" : "AppleNewsFormat",
  "identifier" : "/documentation/AppleNews/component-styles",
  "metadataVersion" : "0.1.0",
  "role" : "collectionGroup",
  "title" : "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.

## Discussion

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

  <doc://com.apple.applenews/documentation/AppleNews/defining-a-component-style>

[`object ComponentStyle`](/documentation/AppleNewsFormat/ComponentStyle)

The object for setting style properties for components, including background color and fill, borders, and table styles.

[`object CornerMask`](/documentation/AppleNewsFormat/CornerMask)

The object for creating rounded corners.

[`object Border`](/documentation/AppleNewsFormat/Border)

The object for setting borders for component sides or tables.

[`object StrokeStyle`](/documentation/AppleNewsFormat/StrokeStyle)

The object for defining the color, width, and style of a border or divider.

### Backgrounds for Components

  <doc://com.apple.applenews/documentation/AppleNews/applying-a-background-to-a-component>

[`object ImageFill`](/documentation/AppleNewsFormat/ImageFill)

The object for adding an image background fill to a component.

[`object RepeatableImageFill`](/documentation/AppleNewsFormat/RepeatableImageFill)

The object for adding a background image that Apple News can repeat.

[`object VideoFill`](/documentation/AppleNewsFormat/VideoFill)

The object for adding a video background fill to a component.

[`object LinearGradientFill`](/documentation/AppleNewsFormat/LinearGradientFill)

The object for displaying a linear gradient as a component background.

[`object GradientFill`](/documentation/AppleNewsFormat/GradientFill)

The properties all gradient fill types share.

[`object Fill`](/documentation/AppleNewsFormat/Fill)

The object for setting a fill type and attachment for a component’s background fill.

[`object ColorStop`](/documentation/AppleNewsFormat/ColorStop)

The object for specifying the color and location for a color stop in a gradient.

### Component Effects

[`object ComponentShadow`](/documentation/AppleNewsFormat/ComponentShadow)

The object for creating a component shadow.

[`object ComponentShadowOffset`](/documentation/AppleNewsFormat/ComponentShadowOffset)

The object for setting an offset value to use with a component shadow.

### Table Styles

  <doc://com.apple.applenews/documentation/AppleNews/defining-and-using-table-styles>

[`object TableStyle`](/documentation/AppleNewsFormat/TableStyle)

The object for defining a style for rows, columns, cells, and headers in a table.

[`object TableRowStyle`](/documentation/AppleNewsFormat/TableRowStyle)

The object for applying styles to rows in a table.

[`object ConditionalTableRowStyle`](/documentation/AppleNewsFormat/ConditionalTableRowStyle)

The object for applying styles to table rows that meet certain conditions.

[`object TableRowSelector`](/documentation/AppleNewsFormat/TableRowSelector)

The object for defining conditions that apply a conditional style to a row.

[`object TableColumnStyle`](/documentation/AppleNewsFormat/TableColumnStyle)

The object for applying styles to columns in a table.

[`object ConditionalTableColumnStyle`](/documentation/AppleNewsFormat/ConditionalTableColumnStyle)

The object for applying styles to table columns that meet certain conditions.

[`object TableColumnSelector`](/documentation/AppleNewsFormat/TableColumnSelector)

The object for defining conditions that apply a conditional style to a column.

[`object TableCellStyle`](/documentation/AppleNewsFormat/TableCellStyle)

The object for applying styles to cells in a table.

[`object ConditionalTableCellStyle`](/documentation/AppleNewsFormat/ConditionalTableCellStyle)

The object for applying a style to table cells that meet certain conditions.

[`object TableCellSelector`](/documentation/AppleNewsFormat/TableCellSelector)

The object for defining conditions that apply a conditional style to a cell.

[`object TableBorder`](/documentation/AppleNewsFormat/TableBorder)

The object for setting borders for tables.

[`object TableStrokeStyle`](/documentation/AppleNewsFormat/TableStrokeStyle)

The object for defining the color, width, and style of a stroke in a table.

[`object Padding`](/documentation/AppleNewsFormat/Padding)

The object for defining space around the content in a table cell.

[`object FormattedText`](/documentation/AppleNewsFormat/FormattedText)

The object for specifying formatted text content and styling for captions in table cells.

## See Also

  <doc://com.apple.applenews/documentation/AppleNews/apple-news-format-tutorials>


---

Copyright &copy; 2026 Apple Inc. All rights reserved. | [Terms of Use](https://www.apple.com/legal/internet-services/terms/site.html) | [Privacy Policy](https://www.apple.com/privacy/privacy-policy)