border_outer
Border Properties
The border wraps around the content and padding, defining the visible edge of an element
straighten
Width
palette
Style
format_color_fill
Color
rounded_corner
Radius
/* Shorthand */
border: 5px solid #4caf50;
/* Longhand */
border-width: 5px;
border-style: solid;
border-color: #4caf50;
/* Individual sides */
border-top: 2px dashed #2196f3;
border-right: 2px dotted #ff9800;
border: 5px solid #4caf50;
/* Longhand */
border-width: 5px;
border-style: solid;
border-color: #4caf50;
/* Individual sides */
border-top: 2px dashed #2196f3;
border-right: 2px dotted #ff9800;
visibility
Border Styles
Solid
Content
Dashed
Content
Dotted
Content
Double
Content
Border Radius
0px
10px
25px
50%
| Property | Description |
|---|---|
| border-width | Thickness of the border |
| border-style | Visual style (solid, dashed, dotted, etc.) |
| border-color | Color of the border |
| border-radius | Rounded corners of the border |