زوايا CSS المنطقية
زوايا CSS المنطقية: جهّز الألوان والملفات البصرية وراجعها في واجهتك قبل النشر.
زوايا CSS المنطقية: المدخلات والنتائج والحدود
زوايا CSS المنطقية: جهّز الألوان والملفات البصرية وراجعها في واجهتك قبل النشر.
تفاصيل الأمثلة والأسئلة أدناه باللغة الإنجليزية حالياً. راجع تنسيق الملف والنتيجة قبل الاستخدام؛ لا تتغير ملفاتك الأصلية.
خطوات الاستخدام
- أدخل النص أو استخدم المثال الموضّح في الأداة.
- راجع الخيارات قبل التشغيل: نصف قطر الزوايا: 24
- راجع المعاينة أو النص الناتج ثم نزّل ملفاً جديداً.
حالة استخدام توضيحية
A card styled with logical corner properties and a 24-pixel radius.
Select a real sample file you are allowed to process. Begin with a short, simple input before attempting a complex document or recording.
طريقة فحص الناتج
Test the component in both left-to-right and right-to-left layouts. Logical properties follow writing direction; inspect clipping when corners sit around images or overflow content.
حدود الأداة
جهّز الألوان والملفات البصرية وراجعها في واجهتك قبل النشر.
الإعدادات والقيم الابتدائية
| الإعداد | القيمة الابتدائية |
|---|---|
| نصف قطر الزوايا | 24 |
حل المشكلات
Inspect the result in the destination component or viewer. A declaration needs a valid CSS context; an image needs suitable dimensions; a sanitized SVG can lose unsupported features.
الأسئلة الشائعة
Why use logical corners rather than only top-left?
Logical properties express corners relative to the writing direction, which can make multilingual layouts easier to maintain.
What input does Logical corner radius need?
Use the sample text shown below, then replace it with your own input. Review the result for the destination where it will be used.
Which options does Logical corner radius provide?
Corner radius. Review the starting values in the table and adjust them for your input.
المعالجة على جهازك؛ نسّق النص النهائي وراجع الناتج قبل المشاركة.
JavaScript enables the interactive workspace.