83
100
Border Style. Utilities for controlling the style of an element's borders. Use border-* to control an element's border style. Use border-none to remove an existing border style from an element. This is most commonly used to remove a border style that was applied at a smaller breakpoint. Tailwind lets you conditionally apply utility classes in ...
  • Safe
  • United States
  • Encrypted
  • 7 yrs old
  • 12,648 Site Rank
  • Report Card

83
100
Customizing your theme. By default, Tailwind provides five border-width utilities, and the same number of utilities per side (horizontal, vertical, top, right, bottom, and left). You change, add, or remove these by editing the theme.borderWidth section of your Tailwind config. tailwind.config.js.
  • Safe
  • United States
  • Encrypted
  • 7 yrs old
  • 12,648 Site Rank
  • Report Card

83
100
Responsive. To control the border style of an element at a specific breakpoint, add a {screen}: prefix to any existing border style utility. For example, use md:border-dotted to apply the border-dotted utility at only medium screen sizes and above.. For more information about Tailwind's responsive design features, check out the Responsive Design documentation.
  • Safe
  • United States
  • Encrypted
  • 7 yrs old
  • 12,648 Site Rank
  • Report Card

83
100
By default, only responsive variants are generated for border style utilities. You can control which variants are generated for the border style utilities by modifying the borderStyle property in the variants section of your tailwind.config.js file.. For example, this config will . also generate hover and focus variants:
  • Safe
  • United States
  • Encrypted
  • 7 yrs old
  • 12,648 Site Rank
  • Report Card

83
100
For more information about Tailwind's responsive design features, check out the Responsive Design documentation.. Customizing Border Widths. By default, Tailwind provides five border-width utilities, and the same number of utilities per side (top, right, bottom, and left). You change, add, or remove these by editing the theme.borderWidth section of your Tailwind config.
  • Safe
  • United States
  • Encrypted
  • 7 yrs old
  • 12,648 Site Rank
  • Report Card

83
100
Utilities for controlling the border radius of an element. For more control, you can also use the LTR and RTL modifiers to conditionally apply specific styles depending on the current text direction. Applying conditionally Hover, focus, and other states Tailwind lets you conditionally apply utility classes in different states using variant modifiers.
  • Safe
  • United States
  • Encrypted
  • 7 yrs old
  • 12,648 Site Rank
  • Report Card

See more