الرئيسيةالأحداثالمنشوراتالبوابه 1س .و .جبحـثالأعضاءالمجموعاتالتسجيلصفحتنادخول

شاطر | 
 

 التحكم في الخط في لغةcss

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
طه محمد
عضو ذهبي
عضو ذهبي
avatar

النوع : ذكر
الموقع http://soon.yoo7.com‏

مُساهمةموضوع: التحكم في الخط في لغةcss   الأربعاء 20 فبراير 2013, 12:18 am

أخي المطور..
إن من أهم الأمور التي تضفي على موقعك أو برنامجك جمالاً هي تنظيم النص و سهولة قراءته، واليوم.. سأتحدث عن كيفيةالتحكم بالخط بالـ css وسأشرح لك أشهر أوامره
1- نوع الخط
بإمكانك التحكم بنوع الخط بواسطة القيمة font-family ..
مثال:
body { font-family: Arial, Helvetica, Tahoma; }
2- قياس الخط
بإمكانك التحكم بقياس الخط بواسطة القيمة font-size ..
وهناك عدّة طرق للتحكم بقياس الخط، أذكر منها طريقة الكتابة، والتي تحتوي على عدّة قيم..
مثال على جميع القيم :
body {font-size: xx-small;font-size: x-small;font-size: smaller;font-size: small;font-size: medium;font-size: large;font-size: larger;font-size: x-large;font-size: xx-large;}
3- شكل الخط
بإمكانك التحكم بشكل الخط بواسطة القيمة font-style ..
وله 3 أنواع من القيم هي:
* normal : وهذا لجعل شكل الخطعادي كما هو
* italic : وهذا لجعل الخط مائلاً
* oblique : وهذا لجعل الخط مائلاً أيضاً
مثال على جميع القيم :
body {font-style: normal;font-style: italic;font-style: oblique;}
4- لون الخط
بإمكانك التحكم بلون الخط بواسطة القيمة color ..
وهناك طرقتان للتحكم بلون الخط:
* بالإسم : بحيث تكتب اسم اللون
* بالرمز : بحيث تكتب رمز اللون
مثال على القيمتين :
body {color: green;color: #00FF00;}
5- التباعد بين الأحرف
بإمكانك التحكم بتباعد الأحرف عنبعضها بواسطة القيمة letter-spacing ..
مثال :
body { letter-spacing: 1em; }
6- المسافة بين الكلمات
بإمكانك التحكم بالمسافة بين الكلمات بواسطة القيمة word-spacing ..
مثال :
body { word-spacing: 5em; }
7- تزيين الخط
بإمكانك التحكم بزينة الخط بواسطة القيمة text-decoration..
وله 5 أنواع من القيم هي:
* none : وهذا لجعل الخط عاديكما هو
* underline : وهذا لإضافة خط أسفل الكلمة
* overline : وهذا لإضافة خط أعلى الكلمة
* line through : وهذا لإضافة خط على الكلمة
* blink : وهذا لجعل الخط يومض (يظهر ويختفي)
مثال على جميع القيم :
body {text-decoration: none;text-decoration: underline;text-decoration: overline;text-decoration: line-through;text-decoration: blink;}


الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://soon.yoo7.com
 
التحكم في الخط في لغةcss
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
نظرات الامل :: ‎تطوير المنتديات‎‎‏‏ :: أكوادCCS-
انتقل الى: