انماط HTML


انماط HTML

لون احمر

لون ازرق

خط عريض


السمة style

يمكن ضبط نمط عنصر HTML باستخدام السمة style.

لاستخدام سمة النمط (style attribute) كما يلي:

<tagname style="property:value;">

الخاصية property  من خصائص ال css   اما value هي قيمة css.


تغيير لون خلفية Background Color  

تحدد خاصية لون الخلفية background-color لون الخلفية لعنصر HTML

يغير هذا المثال لون الخلفية للصفحة إلى  رمادي فاتح:

<body style="background-color:lightgray;">

<h1>عنوان</h1>
<p>فقرة</p>

</body>

 


تغيير لون الخط text color

تحدد خاصية اللون color لون النص لعنصر HTML:

<h1 style="color:blue;">عنوان باللون الازرق</h1>
<p style="color:red;">فقرة باللون الاحمر</p>

 


تغيير نوع الخط font

تحدد خاصية font-family الخط الذي سيتم استخدامه لعنصر HTML:

<h1 style="font-family:arial;">عنوان</h1>
<p style="font-family:courier;">فقرة</p>

 


تغيير حجم النص text size

تحدد خاصية font-size حجم النص لعنصر HTML:

<h1 style="font-size:200;">عنوان حجمه 200</h1>
<p style="font-size:100;">فقرة حجمها 100</p>

 


تغيير محاذاة النص Text Alignment

تحدد خاصية text-align محاذاة النص الأفقي لعنصر HTML :

<h1 style="text-align:center;">عنوان في الوسط</h1>
<p style="text-align:center;"> فقرة في الوسط</p>
دروس لغة Html اخرى