Border

Utilities for controlling the border of a widget.

The border construct utilities are defined inside StiloBorder
name border
all0
top: 0px; right: 0px; bottom: 0px; left: 0px
horiz0
left: 0px; right: 0px
vert0
top: 0px; bottom: 0px
top0
top: 0px
right0
right: 0px
bottom0
bottom: 0px
left0
left: 0px
all2
top: 2px; right: 2px; bottom: 2px; left: 2px
horiz2
left: 2px; right: 2px
vert2
top: 2px; bottom: 2px
top2
top: 2px
right2
right: 2px
bottom2
bottom: 2px
left2
left: 2px
all4
top: 4px; right: 4px; bottom: 4px; left: 4px
horiz4
left: 4px; right: 4px
vert4
top: 4px; bottom: 4px
top4
top: 4px
right4
right: 4px
bottom4
bottom: 4px
left4
left: 4px
all6
top: 6px; right: 6px; bottom: 6px; left: 6px
horiz6
left: 6px; right: 6px
vert6
top: 6px; bottom: 6px
top6
top: 6px
right6
right: 6px
bottom6
bottom: 6px
left6
left: 6px
all8
top: 8px; right: 8px; bottom: 8px; left: 8px
horiz8
left: 8px; right: 8px
vert8
top: 8px; bottom: 8px
top8
top: 8px
right8
right: 8px
bottom8
bottom: 8px
left8
left: 8px
all10
top: 10px; right: 10px; bottom: 10px; left: 10px
horiz10
left: 10px; right: 10px
vert10
top: 10px; bottom: 10px
top10
top: 10px
right10
right: 10px
bottom10
bottom: 10px
left10
left: 10px

Usage Example

Center(
    child: Row(
      children: [
        Container(
          width: StiloWidth.w64,
          height: StiloHeight.h36,
          decoration: BoxDecoration(
            color: StiloColor.blue[500],
            border: StiloBorder.all4(StiloColor.green),
          ),
        ),
        Container(
          width: StiloWidth.w36,
          height: StiloHeight.h64,
          decoration: BoxDecoration(
            color: StiloColor.red[500],
            border: StiloBorder.bottom4(StiloColor.yellow),
          ),
        ),
      ],
    ),
  )