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