> ## Documentation Index
> Fetch the complete documentation index at: https://docs.stac.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Border Side

> Documentation for Border Side

# Border Side

StacBorderSide allows you to define the Flutter BorderSide class using JSON.
To know more about the BorderSide class in Flutter, refer to the [official documentation](https://api.flutter.dev/flutter/painting/BorderSide-class.html).

:::info

BorderSide is used with the new individual border sides feature in [StacBorder](./border.md). You can now specify different border sides for top, right, bottom, and left individually.

:::

## Properties

| Property    | Type           | Description                                                                                      |
| ----------- | -------------- | ------------------------------------------------------------------------------------------------ |
| color       | `Color?`       | Defines color of the border.                                                                     |
| width       | `double?`      | Defines thickness of the border. (logical px).                                                   |
| style       | `BorderStyle?` | Defines the style of the border. Can be `solid` or `none`. Defaults to `solid`.                  |
| strokeAlign | `double?`      | Defines the relative position of the stroke on values range from -1.0 (inside) to 1.0 (outside). |

## Example

<CodeGroup>
  ```dart Dart theme={null}
  StacBorderSide(
    color: StacColors.blue,
    width: 1.0,
    style: StacBorderStyle.solid,
    strokeAlign: 1.0,
  )
  ```

  ```json JSON theme={null}
  {
    "color": "#428AF5",
    "width": 1.0,
    "style": "solid",
    "strokeAlign": 1.0
  }
  ```
</CodeGroup>

## See Also

* [Border](./border.md) - Learn about using individual border sides in StacBorder