📜  Tailwind CSS 边框宽度

📅  最后修改于: 2021-08-30 10:47:50             🧑  作者: Mango

这个类在顺风 CSS 中接受多个值。所有属性都以类形式覆盖。它是 CSS 边框宽度属性的替代品。此类用于设置元素所有四个边的边框宽度。 border-width 属性是四个属性的组合

边框宽度类:

  • 边界
  • 边界-0
  • 边界2
  • 边界4
  • 边界8
  • 边界-t
  • 边界-t-0
  • 边界-t-2
  • 边界-t-4
  • 边界-t-8
  • 边界-r
  • 边界-r-0
  • 边界-r-2
  • 边界-r-4
  • 边框-r-8
  • 边框-b
  • 边界-b-0
  • 边界-b-2
  • 边界-b-4
  • 边界-b-8
  • 边框-l
  • 边界-l-0
  • 边界-l-2
  • 边界-l-4
  • 边界-l-8

所有边:在此部分中,类已用于设置元素所有边的边框宽度。这些类是边界、边界 0、边界 2、边界 4 和边界 8。

句法:

...

例子:

HTML


  

    

  

    

        GeeksforGeeks     

       Tailwind CSS Border Width Class            
                        
            border-0         
           
            border         
                   
            border-2         
                   
            border-4         
                   
            border-8         
    
  


HTML


  

    

  

    

        GeeksforGeeks     

       Tailwind CSS Border Width Class            
                        
            border-b-2         
               
            border-r-2         
               
            border-l-2         
               
            border-t-2         
    
  


输出:

单边:在本节中,类已用于设置元素单边的边框宽度。这些类是 border-{side}-0、border-{side}-2、border-{side}-4、border-{side}-8 和 border-{side}。

句法:

...

例子:

HTML



  

    

  

    

        GeeksforGeeks     

       Tailwind CSS Border Width Class            
                        
            border-b-2         
               
            border-r-2         
               
            border-l-2         
               
            border-t-2         
    
  

输出: