HTML - Styles الاستايل
تطبيق التنسيقات في HTML (HTML Styles)
في HTML، يمكنك استخدام السمة style لتطبيق تنسيقات CSS مباشرة داخل العنصر. هذا يُسمى Inline CSS.
✅ الصيغة الأساسية:
السمة style تُكتب داخل وسم HTML وتحتوي على خصائص CSS:
<tagname style="property: value;">المحتوى</tagname>
🎨 أمثلة على خصائص style:
🔹 تغيير لون النص باستخدام color:
<p style="color:blue;">نص لونه أزرق</p>
🔹 تغيير لون الخلفية باستخدام background-color:
<div style="background-color:lightgray;">خلفية رمادية</div>
🔹 تغيير حجم الخط باستخدام font-size:
<h1 style="font-size:30px;">عنوان بحجم 30 بكسل</h1>
🔹 تغيير نوع الخط باستخدام font-family:
<p style="font-family:Arial;">نص بخط Arial</p>
🔹 محاذاة النص باستخدام text-align:
<p style="text-align:center;">نص في المنتصف</p>
💡 ملاحظات:
- يُفضل استخدام CSS خارجي أو داخلي عند العمل على صفحات كبيرة لسهولة الإدارة.
- لكن inline CSS مناسب لتجارب سريعة أو حالات خاصة.
- كل خاصية تُفصل بنقطة فاصلة منقوطة
;.
تعليقات
إرسال تعليق