في هذا الدرس 2تصفّح المواضيع
CSS Rounded Corners
الزوايا المدورة في لغة CSS
CSS Rounded Corners الزوايا المدورة في لغة CSS
عن طريق خاصية border-radius في لغة CSS يمكننا عمل دوران لزوايا العناصر ويجب أن يكون للعنصر border حتي يمكن تدويرة.
CSS Rounded Corners
.item
{
flex:1;
margin:20px;
height:150px;
border:#d63031 3px solid;
background-color: #2196F3;
border-radius:25px;
}
CSS Rounded Corners specify each corner
زوايا المدورة مختلفة لكل جانب في لغة CSS
CSS Rounded Corners specify each corner زوايا المدورة مختلفة لكل جانب في لغة CSS
يمكن عمل دوران لكل زاوية من زاويا العنصر وذلك عند وضع قيمة مختلفة لكل زاوية عن طريق خاصية 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 أسئلة تنتظرك ＋
تستخدم الخاصية التالية "................." في انشاء دوران في الاربع جوانب ل عنصر معين
____