# Customizing the Outline of the Component

Learn how to customize the outline of a component in the FpSpread control with examples of different border styles.

## Content

You can set the appearance of the outline of the overall component. The following figures show the types of outlines (or border) styles.

| **Outline (Border) Style** | **Example** |
| ---------------------- | ------- |
| Fixed, three-dimensional (default) | ![Example of 3-D Outline](https://cdn.mescius.io/document-site-files/images/2238e618-a1fb-45a6-9ce5-9a4157bd2931/images/control_border_3d.png) |
| Fixed, single-line | ![Example of Line Border](https://cdn.mescius.io/document-site-files/images/2238e618-a1fb-45a6-9ce5-9a4157bd2931/images/control_border_1line.png) |
| None | ![Example of No Outline](https://cdn.mescius.io/document-site-files/images/2238e618-a1fb-45a6-9ce5-9a4157bd2931/images/control_border_none.png) |

For more details, refer to the FpSpread.[BorderStyle](/spreadnet/api/latest/online-win/FarPoint.Win.Spread/FarPoint.Win.Spread.FpSpread.BorderStyle.html) property and the **BorderStyle** enumeration in the Microsoft .NET Framework.

## Using the Properties Window

1. Select the Spread component.
2. In the **Properties** window, in the **Appearance** category, select the **BorderStyle** property.
3. Select a value from the drop-down list. Press **Enter**. The new property is now set.

## Using Code

Add a line of code that sets the specific property, the [BorderStyle](/spreadnet/api/latest/online-win/FarPoint.Win.Spread/FarPoint.Win.Spread.FpSpread.BorderStyle.html) property of the [FpSpread](/spreadnet/api/latest/online-win/FarPoint.Win.Spread/FarPoint.Win.Spread.FpSpread.html) class.

## Example

This example shows how to set the border to be a single-line border.

```csharp
fpSpread1.BorderStyle = BorderStyle.FixedSingle;
```

```vbnet
fpSpread1.BorderStyle = BorderStyle.FixedSingle
```

## Using the Spread Designer

1. In the property list, in the **Appearance** category, select the **BorderStyle** property.
2. From the drop-down list, select the border style.
3. From the **File** menu, select **Apply and Exit** to apply your changes to the Spread component and exit Spread Designer.

## See Also

[Displaying Grid Lines on a Sheet](/spreadnet/docs/latest/online-win/overview/spwin-devguide/spwin-setappearance/spwin-appearcell/spwin-sheetgridcolor)
[Creating and Customizing Cell Borders](/spreadnet/docs/latest/online-win/overview/spwin-devguide/spwin-setappearance/spwin-appearcell/spwin-cellborder)