انماط HTML

المحتويات

لون احمر

لون ازرق

خط عريض

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

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

<tagname style="property:value;">

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

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

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

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

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

</body>

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

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

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

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

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

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

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

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