الدرس28 : إضافة Italique, gras, souligné لنص بلغة css

كما قلت لكم سابقا لا تتدخل html في تنسيق النص بل لغة css، وفي هذا الدرس سنتعلم بعض الأشياء كتكبير الخط والتشطيب عليه و التسطير...

النص المائل Italique :

لجعل النص مائل لا نستعمل وسم كما يظن البعض، هذا الوسم فقط لإعطاء قيمة زائدة للكلمة و المتصفحات تعرضها بخط مائل. لكن أنا أريد فقط وضعه بخط مائل لا أريد إعطائه قيمة، لهذا نستعمل font-style والتي تأخد تلات قيم:

- italic : النص مائل.

- oblique : مائل في الجهه المعاكسة ل italic .

- normal : النص يعرض بخط عادي.

و هذا مثال عن طريقة كتابة الخط بال italique :

h1
{
font-style: italic;
}

النص البدين gras :

كما قلنا لن نستعمل وسم ، بل font-weight التي تأخد قيمتين:

- bold : النص البدين .

- normal : النص يعرض بخط عادي .

وهذ مثال إدراج خط بدين:

h1
{
font-weight: bold;
}

التسطير على النص و التنصيقات الأخرى:

لكل هاته الأشياء نستعمل text-decoration أما القيم التي تأخدها فهي كتيرة :

- underline : تحته خط.

- line-through : يتوسطه خط.

- overline: السطر أعلاه.

- blink: وامض لا تعمل في جميع المتصفحات.

- none: الخط عادي.

وهذا متال عن إستعمال text-decoration : 

h1
{
text-decoration: blink;
}
.تحته خط
{
text-decoration: underline;
}
.يتوسطه خط
{
text-decoration: line-through;
}
.السطر أعلاه
{
text-decoration: overline;
}

و هذه النتيجة:

لأي إستفسار أو تعليق سأكون سعيدا بالإجابة عليه .