مولّد حواف CSS المستديرة

صمّم خاصية border-radius في CSS بصرياً — تحكم في الزوايا الأربع فردياً أو معاً. شاهد معاينة مباشرة للنتيجة وانسخ الشفرة.

CSS 

  




  


  
  

  
  
  
  

    
الميزات

    

      
      

        
        4-corner control
      

      
      

        
        Unified / independent mode
      

      
      

        
        Slider + number input
      

      
      

        
        Live preview & CSS code
      

      
    

  

  

  
  

    
طريقة الاستخدام

    

      
        
        
1. استخدم أشرطة التمرير لضبط نصف قطر كل زاوية.

        
        
2. فعّل خيار ربط الزوايا للتحكم فيها معاً.

        
        
3. انسخ شفرة CSS المولّدة.

        
      
    

  


  
  
  
  

    
الأسئلة الشائعة

    
    

      What is border-radius?
      
The CSS border-radius property rounds the corners of an element's outer border edge.

    

    
  

  

  
  
  

    
أدوات ذات صلة

    

      
      
        

          
        

        
مولّد ظل CSS

        
أنشئ خاصية box-shadow في CSS بصرياً باستخدام أشرطة التمرير. شاهد معاينة مباشرة و...

      
      
      
        

          
        

        
مولّد تدرجات CSS

        
أنشئ تدرجات CSS خطية وشعاعية ومخروطية بصرياً. أضف نقاط توقف ألوان متعددة وانسخ ش...

      
      
      
        

          
        

        
ساحة تجارب CSS Flexbox

        
تعلّم وجرّب CSS Flexbox عملياً. اضبط خصائص الحاوية وشاهد تحديث التخطيط مباشرة. أ...

      
      
      
        

          
        

        
مولّد CSS Grid

        
أنشئ تخطيطات CSS Grid بصرياً. حدد الصفوف والأعمدة والفجوات وانسخ شفرة CSS وHTML ...