Punica CSS v3 Beta
Components Elements Utilities API Docs
Preview keyboard_arrow_down
Github keyboard_arrow_down
Utilities
Border
  • Accent Color
  • Align Content
  • Align Items
  • Align Self
  • Appearance
  • Background Clip
  • Background Color
  • Background Origin
  • Background Position
  • Background Repeat
  • Background Size
  • Border
  • Border Color
  • Border Radius
  • Border Style
  • Caret Color
  • Color
  • Columns
  • Cursor
  • Display
  • Filter
  • Flex
  • Flex Direction
  • Flex Grow
  • Flex Shrink
  • Flex Wrap
  • Float
  • Font Size
  • Font Style
  • Font Weight
  • Gap
  • Height
  • Inset
  • Justify Content
  • Justify Items
  • Justify Self
  • Letter Spacing
  • Line Height
  • Margin
  • Object Fit
  • Object Position
  • Opacity
  • Order
  • Outline Color
  • Outline Offset
  • Outline Style
  • Outline Width
  • Overflow
  • Padding
  • Place Content
  • Place Items
  • Place Self
  • Position
  • Resize
  • Rotate
  • Text Align
  • Text Decoration
  • Text Transform
  • Text Wrap
  • User Select
  • Vertical Align
  • Width
  • Z-Index

    • Border

    The border property is a shorthand property for border-width, border-style and border-color.
    Class
    Properties
    border-0
    border: 0
    border-1
    border: 0.063rem
    border-2
    border: 0.125rem
    border-3
    border: 0.188rem
    border-4
    border: 0.25rem
    border-6
    border: 0.375rem
    border-8
    border: 0.5rem
    border-10
    border: 0.625rem
    Class
    Properties
    border-top-0
    border-top-width: 0
    border-top-1
    border-top-width: 0.063rem
    border-top-2
    border-top-width: 0.125rem
    border-top-3
    border-top-width: 0.188rem
    border-top-4
    border-top-width: 0.25rem
    border-top-6
    border-top-width: 0.375rem
    border-top-8
    border-top-width: 0.5rem
    border-top-10
    border: 0.625rem
     
    border-right-0
    border-right-width: 0
    border-right-1
    border-right-width: 0.063rem
    border-right-2
    border-right-width: 0.125rem
    border-right-3
    border-right-width: 0.188rem
    border-right-4
    border-right-width: 0.25rem
    border-right-6
    border-right-width: 0.375rem
    border-right-8
    border-right-width: 0.5rem
    border-right-10
    border: 0.625rem
     
    border-bottom-0
    border-bottom-width: 0
    border-bottom-1
    border-bottom-width: 0.063rem
    border-bottom-2
    border-bottom-width: 0.125rem
    border-bottom-3
    border-bottom-width: 0.188rem
    border-bottom-4
    border-bottom-width: 0.25rem
    border-bottom-6
    border-bottom-width: 0.375rem
    border-bottom-8
    border-bottom-width: 0.5rem
    border-bottom-10
    border: 0.625rem
     
    border-left-0
    border-left-width: 0rem
    border-left-1
    border-left-width: 0.063rem
    border-left-2
    border-left-width: 0.125rem
    border-left-3
    border-left-width: 0.188rem
    border-left-4
    border-left-width: 0.25rem
    border-left-6
    border-left-width: 0.375rem
    border-left-8
    border-left-width: 0.5rem
    border-left-10
    border: 0.625rem
    Class
    Properties
    border-x-0
    border-left-width: 0
    border-right-width: 0
    border-x-1
    border-left-width: 0.063rem
    border-right-width: 0.063rem
    border-x-2
    border-left-width: 0.125rem
    border-right-width: 0.125rem
    border-x-3
    border-left-width: 0.188rem
    border-right-width: 0.188rem
    border-x-4
    border-left-width: 0.25rem
    border-right-width: 0.25rem
    border-x-5
    border-left-width: 0.313rem
    border-right-width: 0.313rem
    border-x-6
    border-left-width: 0.375rem
    border-right-width: 0.375rem
    border-x-8
    border-left-width: 0.5rem
    border-right-width: 0.5rem
    border-x-10
    border-left-width: 0.625rem
    border-right-width: 0.625rem
     
    border-y-0
    border-top-width: 0
    border-bottom-width: 0
    border-y-1
    border-top-width: 0.063rem
    border-bottom-width: 0.063rem
    border-y-2
    border-top-width: 0.125rem
    border-bottom-width: 0.125rem
    border-y-3
    border-top-width: 0.188rem
    border-bottom-width: 0.188rem
    border-y-4
    border-top-width: 0.25rem
    border-bottom-width: 0.25rem
    border-y-5
    border-top-width: 0.313rem
    border-bottom-width: 0.313rem
    border-y-6
    border-top-width: 0.375rem
    border-bottom-width: 0.375rem
    border-y-8
    border-top-width: 0.5rem
    border-bottom-width: 0.5rem
    border-y-10
    border-top-width: 0.625rem
    border-bottom-width: 0.625rem
    utilities.scss API