Font Style
تُستخدم الخاصية font-style لتحديد شكل الخط لمحتوى النص لعنصر. كما انه من الممكن استخدام القيم التالية للخاصية font-style:
normal وهي القيمة الافتراضية. italic
oblique
ولفهم كيفة عمل هذه الخاصية دعونا نلقي نظرة على المثال التالي:
{
font-style: normal;}
font-style: italic;}
p. oblique {
font-style: oblique;}
للوهلة الأولى ، تظهر نتيجة كل من القيمة oblique و italic نفس الشيء ، ولكن هناك فرق. تستخدم القيمة italic نسخة مائلة من الخط في حال توافرها بينما تعطي القيمة oblique الشكل المائل لنفس النسخة من الخط العادي. Font Size
يتم استخدام الخاصية font-size لتحديد حجم الخط لمحتوى النص للعنصر. هناك عدة طرق لتحديد القيمة للخاصية font-size مثل كلمات رئيسية اوالنسبة المئوية او بالبكسل او ems ، إلخ. تحديد حجم الخط بالبكسل
البكسل Pixels ويرمز لها بالإختصار px وهي وحدة قياس مطلقة تحدد طولًا ثابتًا. بكسل واحد يساوي نقطة واحدة على شاشة الكمبيوتر. تغير لون الخط المائل. ولفهم كيفة استخدام هذه القيمة دعونا نلقي نظرة على المثال التالي:
h1 {
font-size: 24px;}
p {
font-size: 14px;}
لا يعتبر استخدام أحجام الخط بالبكسل طريقة مثالية ، لأنه لا يمكن للمستخدم تغيير حجم الخط من إعدادات المتصفح.
- تغير لون الخط html
- تغير لون الخط الكوفي
- أين تقع جزر فرسان - موقع مصادر
- تعرف على أفضل الوجهات السياحية في طليطلة 2022 - سائح
تغير لون الخط Html
اكتب style="" بداخل الوسم الافتتاحي للعنصر الذي ترغب بتعديله:
< h1 style = "" > هذه هي الترويسة التي ترغب بتعديلها h1 >
اكتب الخاصية color: بداخل علامتي التنصيص "". على سبيل المثال:
< h1 style = "color:" > هذه هي الترويسة التي ترغب بتعديلها h1 >
اكتب اللون الذي ترغب بتغيير لون الخط إليه. هناك ثلاث طرق يمكن من خلالها تحديد لون حيث يمكنك كتابة اسم اللون باللغة الإنجليزية أو كتابة قيمته بوحدة أر جي بي أو إدخال قيمته الست عشرية. تغير لون الخط الكوفي. يمكن مثلًا اختيار اللون الأصفر عن طريق كتابة yellow أو rgb(255, 255, 0); أو #FFFF00;:
< h1 style = "color:#FFFF00;" > تظهر هذه الترويسة باللون الأصفر الآن h1 >
أفكار مفيدة
يمكنك الاطلاع على قائمة بأسماء الألوان المدعومة وقيمها الست عشرية من خلال الرابط التالي. المزيد حول هذا المقال
تم عرض هذه الصفحة ٢٦٬١٠٤ مرات. هل ساعدك هذا المقال؟
تغير لون الخط الكوفي
DOCTYPE html>
< html >
< head >
< style >
style >
head >
4
اكتب العنصر الذي ترغب بتغيير لون الخط فيه. ستقوم باستخدام القسم