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