مولّد حواف CSS المستديرة
صمّم خاصية border-radius في 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 ...