CSS Width
خاصية width للتحكم في عرض العناصر في لغة CSS
ستتعلم في هذا الدرس التحكم في عرض عناصر HTML بأستخدام خاصية height, كما يمكن إعادة ضبط عرض العناصر في لغة CSS.
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
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.
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.
p
{
width:100px;
border: 1px solid red;
}
</>
CSS width percentage
خاصية width مع القيمة percentage في لغة CSS
CSS width percentage
خاصية width والقيمة percentage في لغة CSS.
p
{
width:50%;
border: 1px solid red;
}
ارتفاع
عرض
خاصية
خصائص
عناصر
هامش
حشو
حدود
قيم
آلي
طول
مبدئي
متوارث
الأبوين
عنصر
لاشئ
تنقل من الأعلي الي الأسفل
Cascading Style Sheets
صفحات الأنماط الانسيابيةMaximum
حد أقصيPixel
وحدة قياس الPixelCalculator
آلة حاسبة
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعليم البرمجة. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال البرمجة. مهمتنا ليست فقط تعليم البرمجة، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
