Skip to content

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 ...')

Use border-none to remove an existing border (typically applied at a smaller breakpoint):

Style('border-none ...', child: Text('Save Changes'))
ClassDescription
border-solidSolid line border.
border-dashedDashed line border.
border-dottedDotted line border (round caps).
border-doubleTwo concentric solid strokes with a gap.
border-hiddenEquivalent to border-none outside table-collapse contexts.
border-noneNo border.