Border Style
Use border-solid, border-dashed, border-dotted, border-double, or border-none to set the border line style. Dashed/dotted/double are rendered via a custom DashedBorderPainter (Flutter’s native BorderStyle enum only supports solid/none).
Style('border-2 border-solid ...')Style('border-2 border-dashed ...')Style('border-2 border-dotted ...')Style('border-4 border-double ...')Removing a border
Section titled “Removing a border”Use border-none to remove an existing border (typically applied at a smaller breakpoint):
Style('border-none ...', child: Text('Save Changes'))Class reference
Section titled “Class reference”| Class | Description |
|---|---|
border-solid | Solid line border. |
border-dashed | Dashed line border. |
border-dotted | Dotted line border (round caps). |
border-double | Two concentric solid strokes with a gap. |
border-hidden | Equivalent to border-none outside table-collapse contexts. |
border-none | No border. |