مثال
إضافة حد مقربة إلى أسفل الزاوية اليمنى ل <div> العنصر:
div
{
border: 2px solid;
border-bottom-right-radius: 2em;
}
انها محاولة لنفسك » تعريف واستخدام
تحدد الملكية دائرة نصف قطرها الحد السفلي يمين شكل من الحدود من أسفل الزاوية اليمنى.
Tip: هذه الخاصية تسمح لك لإضافة حدود مدورة إلى العناصر!
| القيمة الافتراضية: | 0 |
|---|---|
| وارث: | no |
| Animatable: | yes. Read about animatable Try it |
| الإصدار: | CSS3 |
| جافا سكريبت بناء الجملة: | object .style.borderBottomRightRadius="25px" Try it |
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.
أرقام تليها -webkit- أو -moz- تحدد النسخة الأولى التي عملت مع بادئة.
| خاصية | |||||
|---|---|---|---|---|---|
| border-bottom-right-radius | 5.0 4.0 -webkit- | تسعة | 4.0 3.0 -moz- | 5.0 3.1 -webkit- | 10.5 |
CSS بناء الجملة
border-bottom-right-radius:length|%[length|%]|initial|inherit;Note: طول أو نسبة القيمتين من الخصائص دائرة نصف قطرها الحد السفلي يمين تحديد نصف قطر من القطع الناقص الربع الذي يحدد شكل زاوية حافة الحدود الخارجية. القيمة الأولى هي دائرة نصف قطرها الأفقي، والثاني في دائرة نصف قطرها العمودي. إذا تم حذف القيمة الثانية يتم نسخها من الأول. إما إذا كان طول صفر، الزاوية مربعة، وليس تقريب. النسب المئوية لدائرة نصف قطرها الأفقي تشير إلى عرض مربع الحدود، في حين أن النسب المئوية لدائرة نصف قطرها الرأسي تشير إلى ارتفاع مربع الحدود.
قيم الملكية
| القيمة | وصف | العبها |
|---|---|---|
| length | يحدد شكل الركن الأيسر السفلي. القيمة الافتراضية هي 0 | العبها " |
| % | يحدد شكل أسفل الزاوية اليمنى في٪ | العبها " |
| initial | تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي | العبها " |
| inherit | يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة |
صفحات ذات صلة
CSS3 البرنامج التعليمي: CSS3 حدود
HTML DOM المرجع borderBottomRightRadius property