مولّد الحواف المستديرة (Border Radius)

استدارة كل زاوية بمعاينة حية، وأشكال عضوية بثماني قيم.

عن الأداة

⁦border-radius⁩ يأخذ حتى أربع قيم بترتيب ثابت: أعلى اليسار، ثم أعلى اليمين، ثم أسفل اليمين، ثم أسفل اليسار، وهو ترتيب فيزيائي لا ينعكس في الصفحات العربية. إذا أردت زوايا تتبع اتجاه النص فاستخدم الخصائص المنطقية مثل ⁦border-start-start-radius⁩.

القيمة بعد الشرطة المائلة ⁦/⁩ تحدد نصف القطر الرأسي منفصلًا عن الأفقي، فتصير كل زاوية ربع شكل بيضاوي. بثماني قيم مئوية تصنع أشكالًا عضوية ناعمة (blob) تُستخدم خلفيات للصور والأيقونات دون أي ملف SVG.

أسئلة شائعة

كيف أصنع دائرة؟

عنصر مربع (العرض يساوي الارتفاع) مع ⁦border-radius: 50%⁩. ولزر بشكل كبسولة استخدم قيمة كبيرة مثل ⁦9999px⁩.