وصف الموضوع

أساسيات التعامل مع css و إنشاء أوراق الأنماط ( مرجع لأكثر الخصائص انتشارا و القيم المحتملة لها )

الأوسمة :
101| CSS| html4| xhtml| أساسيات| دورة
في التصنيفات :CSS

إذا أردت أن تضع وصلة للموضوع في موقعك أو في منتدى يمكنك استخدام الوصلة التالية .

الشفرة :
<a href="http://qatardr.net/class/944" rel="bookmark" > دورة أساسيات css</a>

اضغطCtrl-C أو Apple-C  للنسخ

الوصلة ستظهر كالتالي :
دورة أساسيات css

هذا الموضوع مرخص وفق ترخيص Creative Commons.[ معلومات إضافية حول الترخيص بالعربية]

Font-Family

اسم الخط الذي تريد ظهور العنصر به

القيم المحتملة:

• اسم الخط
• عائلة الخط

كما يفضل عن وضع اسم الخط أن تتبعه بعائلة أو أصل الخط ففي حال عدم توفرالخط لدى المستخدم يمكن استخدام خط بديل من نفس المجموعة أو العائلة .لو كان اسم الخط يحتوي على مسافةضع اسم الخط بين علامتي تنصيص “

font-family: Tahoma, sans-serif;

Font Size

حجم الخط الذي تريد تحديده للعنصر .

  font-size: value;

القيم المحتملة :

• xx-large : ضخم
• x-large : كبير جدا
• larger : أكبر
• large: كبير
• medium: متوسط
• small : صغير
• smaller : أصغر
• x-small : صغير جدا
• xx-small : صغير جدا جدا
• length : الطول ( بالبكسل أو em .. الخ)
• % نسبة مئوية .

Font Style

نمط الخط الذي تريد تحديده للعنصر

  font-style: value; 

القيم المحتملة :

• normal : عادي
• itailc : مائل
• oblique :

Font Variant

عرض النص في صورة عادية أو صورة صغيرة .

  font-variant: value;

قيم محتملة :

• normal : حروف عادية
• small-caps : حروف صغيرة

Font Weight

ثقل أو غلظ النص ( نص غامق أو عادي )

  font-weight: value;

قيم محتملة:

• lighter : اقل اغمقاقا
• normal : عادي
• 100
• 200
• 300
• 400
• 500
• 600
• 700
• 800
• 900
• bold : غامق
• bolder : أغمق

font-stretch

تمديد أو تقليص الخط أفقيا فقط .

 font-stretch: ultra-condensed 

القيم المحتملة:

• normal :عادي
• wider : اعرض
• narrower : اضيق
• ultra-condensed : المسافة الأضيق
• extra-condensed
• condensed
• semi-condensed
• semi-expanded
• expanded
• extra-expanded
• ultra-expanded : المسافة الأوسع .

Font

هو اختصار لعدد من الخواص السابقة في سطر واحد

font: italic bold small/0.99em tahoma, sans-serif;

المثال السابق يعطي النص حجم صغير و ارتفاع نص 0.99em و يجعل النص غامق و مائل و نوع الخط تاهوما كل هذا من خلال سطر واحد بدلا تضيع الوقت في كتابة أكثر من سطر .

القيم المحتملة :

• font-style
• font-varian
• font-weight
• font-size/line-height
• font-family

امثلة أخرى

p
{
font: 10px Tahoma
}

p
{
font: italic small-caps bold 120% arial
}

• اضيف  في 29 يناير 2008
• الزوار : [ 4,760 قارئ ]
• هذا الموضوع مرخص وفق ترخيص Creative Commons.[ معلومات إضافية حول الترخيص بالعربية]