في هذا الدرس 4تصفّح المواضيع
CSS Width
خاصية width للتحكم في عرض العناصر في لغة CSS
CSS Width خاصية width للتحكم في عرض العناصر في لغة CSS
تستخدم خاصية width في ضبط + التحكم في عرض عناصر HTML علي المتُصفح بلغة CSS, يكون عرض العنصر في الوضع الإفتراضي بعرض المحتوي الداخلي لو كان من النوع inline أما إذا كان من النوع block فسوف يكون بعرض الصفحه.
قيم خاصية width في لغة CSS:
- auto المتصفح يقوم بضبط عرض العنصر تلقائي علي حسب حجم المحتوي أو بعرض الصفحة بالكامل, وهي القيمة الأفتراضية.
- length ضبط العرض بوحدات مختلفة مثل px,cm,em,rem.
- percentage ضبط العرض بالنسبة المئوية % علي حسب العنصر الأب parent.
CSS width syntax
طريقة كتابة خاصية width في لغة CSS.
width:value;CSS width values
قيم خاصية width في لغة CSS.
width:auto|length|percentage|initial|inherit;
CSS width auto
خاصية width مع القيمة auto في لغة CSS
CSS width auto خاصية width مع القيمة auto في لغة CSS
CSS width auto
خاصية width والقيمة auto في لغة CSS.
p
{
width: auto;
border: 1px solid red;
}
span
{
width: auto;
border: 1px solid blue;
}
CSS width length
خاصية width مع القيمة length في لغة CSS
CSS width length خاصية width مع القيمة length في لغة CSS
CSS width length
خاصية width والقيمة length في لغة CSS.
CSS width percentage
خاصية width مع القيمة percentage في لغة CSS
CSS width percentage خاصية width مع القيمة percentage في لغة CSS
CSS width percentage
خاصية width والقيمة percentage في لغة CSS.
سجّل الدخول لحفظ تقدمك
تابع إنجاز المواضيع والمصطلحات والمهام، وكمّل من آخر خطوة على أي جهاز.
المصطلحات17
راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.
- 01 Height ارتفاع
- للمراجعة
- 02 Width عرض
- للمراجعة
- 03 Property خاصية
- للمراجعة
- 04 Properties خصائص
- للمراجعة
- 05 Elements عناصر
- للمراجعة
- 06 Margin هامش
- للمراجعة
- 07 Padding حشو
- للمراجعة
- 08 Borders حدود
- للمراجعة
- 09 Values قيم
- للمراجعة
- 10 Auto آلي
- للمراجعة
- 11 Length طول
- للمراجعة
- 12 Initial مبدئي
- للمراجعة
- 13 Inherit متوارث
- للمراجعة
- 14 Parent الأبوين
- للمراجعة
- 15 Element عنصر
- للمراجعة
- 16 None لاشئ
- للمراجعة
- 17 Scroll تنقل من الأعلي الي الأسفل
- للمراجعة
لا توجد بطاقات تطابق البحث والتصفية.
اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.
الاختصارات5
راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.
- 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>
- للمراجعة
- 03 Max Max
- Maximum
- حد أقصي
- للمراجعة
- 04 Px Px
- Pixel
- وحدة قياس الPixel
- للمراجعة
- 05 Calc Calc
- Calculator
- آلة حاسبة
- للمراجعة
لا توجد بطاقات تطابق البحث والتصفية.
اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.
اختبر فهمك.
ووصلها للإتقان.
كل سؤال خطوة لقدّام. اختار، اكتب كود، وشوف نتيجتك فورًا.
أكمل المهام، واجمع كل الإجابات الصحيحة. أقل من 100%؟ راجع وأعد المحاولة.
الأسئلة متاحة للاطلاع. سجّل الدخول للتفاعل وحفظ تقدمك.
لمحة عن التحدي4 أسئلة تنتظرك ＋
ماهي الخاصية التي تستخدم في تحديد عرض العناصر ؟
____ماهي الخاصية التي تستخدم في تحديد ارتفاع العناصر ؟
ماهي القيمة الافتراضية لكل من الخاصية width و height ؟
____