وصف الموضوع

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

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

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

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

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

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

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

Color

لون النص ..

color: value;

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

• اسم اللون مثلا red, green
• بالنظم السداس عشر مثلا #0000000
• الألوان بنظام RGB مثلا rgb(255, 0, 0)

Letter Spacing

المسافة بين الأحرف .. يمكنك استخدام القيمة صفر كما يمكنك استخدام القيمة السالبة ..

letter-spacing: value;

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

• normal : عادي اي بالمسافة العادية
• المسافة أو فقيمة المسافة .

مثلا المسافة بين الاحرف في هذه الفقرة هي 10

Text Align

محاذاة النص ( يمين - يسار - وسط )

text-align: value;

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

• left : يسار
• right :يمين
• center : وسط
• justify : ضبط

Text Decoration

ديكور النص ..:)

text-decoration: value;

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

• none : بدون
• underline : خط اسفل النص
• overline : خط في وسط النص
• line through :

Text Indent

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

    text-indent: value; 

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

• طول بالبكسيل أو em .. الخ
• نسبة مئوية

مثال:

تم تحريك هذا النص مسافة 20 بكسل .

Text Transform

في النص اللاتيني يمكنك تحديد حالة و حجم الحرف استخدام الحروف الكبيرة Capital أو الصغيرة Small

  text-transform: value;  

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

• none : بدون قيمة
• capitalize : تكبير أول حرف .
• lowercase : الحروف الصغير
• uppercase : كامل الجملة بالحروف الكبيرة .

مثال :

The first letter here is really big

this text was typed as lower case and appears as uppercase

THIS TEXT IS TYPED UPPER AND APPEARS LOWER

White Space

التحكم في المسافة البيضاء قبل النص

  white-space: value; 

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

• normal : تجاهل المسافة البيضاء بواسطة المتصفح
• pre : يتم الاحتفاظ بالمسافة البيضاء كما في وسم pre في html
• nowrap : الفقرة لا تنقل إلى سطر جديد يتم مهما كان على نفس السطر و يتوقف حتى ظهور الوسم

Word Spacing

التحكم في المسافة بين الكلمات . كما يمكنك استخدام قيم سالبة .

  word-spacing: value; 

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

• normal : عادي
• length : المسافة بالبكسل أو النسبة المئوية أو em .. الخ

مثال :

المسافة بين الكلمات في هذه الجملة هي 10px

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