في هذا الدرس 2تصفّح المواضيع
عن طريق خاصية border-radius في لغة CSS يمكننا عمل دوران لزوايا العناصر ويجب أن يكون للعنصر border حتي يمكن تدويرة.
CSS Rounded Corners
.item
{
flex:1;
margin:20px;
height:150px;
border:#d63031 3px solid;
background-color: #2196F3;
border-radius:25px;
}يمكن عمل دوران لكل زاوية من زاويا العنصر وذلك عند وضع قيمة مختلفة لكل زاوية عن طريق خاصية border-radius x في لغة CSS.
ExampleCSS Rounded Corners specify each corner
ExampleCSS Rounded Corners specify each corner
سجّل الدخول لحفظ تقدمك
تابع إنجاز المواضيع والمصطلحات والمهام، وكمّل من آخر خطوة على أي جهاز.
المصطلحات7
راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.
- 01 Rounded مدور / دائري
- للمراجعة
- 02 Corners زوايا
- للمراجعة
- 03 Border حد
- للمراجعة
- 04 Radius منتصف القطر / الكوع الجانبي
- للمراجعة
- 05 Property خاصية
- للمراجعة
- 06 Specify تحديد
- للمراجعة
- 07 Each Corner كل زاوية / ركن
- للمراجعة
لا توجد بطاقات تطابق البحث والتصفية.
اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.
الاختصارات2
راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.
- 01 CSS CSS
- Cascading Style Sheets
- صفحات الأنماط الانسيابية
- للمراجعة
- 02 HTML HTML
- Hypertext Markup Language
- لغة توصيف النص الفائق الخاصة ببناء صفحة الإنترنت<p><a href="https://www.closetag.com/tutorial/html/html-introduction">المزيد عن HTML</a></p>
- للمراجعة
لا توجد بطاقات تطابق البحث والتصفية.
اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.
اختبر فهمك.
ووصلها للإتقان.
كل سؤال خطوة لقدّام. اختار، اكتب كود، وشوف نتيجتك فورًا.
أكمل المهام، واجمع كل الإجابات الصحيحة. أقل من 100%؟ راجع وأعد المحاولة.
الأسئلة متاحة للاطلاع. سجّل الدخول للتفاعل وحفظ تقدمك.
لمحة عن التحدي2 أسئلة تنتظرك ＋
تستخدم الخاصية التالية "................." في انشاء دوران في الاربع جوانب ل عنصر معين
____