كودات و خاصيات تنسيق النص بلغة Css
25/7/2018, 12:31 pm
خاصيات تنسيق النص
الخاصيات المعنى
text-align ترصيف النص
text-indent إزاحة سطر واحد
text-decoration تزيين النص
font-variant و text-transform تحويل النص
الخاصيات المعنى
text-align ترصيف النص
text-indent إزاحة سطر واحد
text-decoration تزيين النص
font-variant و text-transform تحويل النص
.
السعيد لا يملك كل شيء ، ولكنه يسعد بكل شيء يملكه.
http://mo7it.byethost11.com/
رد: كودات و خاصيات تنسيق النص بلغة Css
25/7/2018, 12:31 pm
text-align
بواسطة الخاصية text-align يمكننا التحكم في تموضع المحتوى على المستوى الأفقي للصّفحة
: إلى اليمين أو اليسار أو في الوسط .و القيم التي يمكن لهذه الخاصية أن تأخذها هي
left : و ضع النَّص يسار الصفحة
center : النّص في وسط الصفحة
right : و ضع النص يمين الصفحة
justify : النّص يأخذ كل حيز الصفحة من اليمين إلى اليسار (أو العكس) و لا يترك أي فراغ على الجوانب
inherit : النص المعني يرثُ نمط المحتوى الذي يتواجد فيه
بواسطة الخاصية text-align يمكننا التحكم في تموضع المحتوى على المستوى الأفقي للصّفحة
: إلى اليمين أو اليسار أو في الوسط .و القيم التي يمكن لهذه الخاصية أن تأخذها هي
left : و ضع النَّص يسار الصفحة
center : النّص في وسط الصفحة
right : و ضع النص يمين الصفحة
justify : النّص يأخذ كل حيز الصفحة من اليمين إلى اليسار (أو العكس) و لا يترك أي فراغ على الجوانب
inherit : النص المعني يرثُ نمط المحتوى الذي يتواجد فيه
.
السعيد لا يملك كل شيء ، ولكنه يسعد بكل شيء يملكه.
http://mo7it.byethost11.com/
رد: كودات و خاصيات تنسيق النص بلغة Css
25/7/2018, 12:33 pm
text-indent
نستعمل الخاصية text-indent لإزاحة السطر الأول فقط من النص .
و يتم تحديد مسافة الإزاحة انطلاقا من بداية السطر : بالبيكسل "px" أو "em" أو "%" ... .
لنطبق مثالا على الفقرات ، حيث نحبّذ كثيرا استعمال هذه الخاصية .
text-indent:50px;
/*.50px سيكون النص مُزاحاً إلى اليسار في جميع الفقرات بقيمة */
}
نستعمل الخاصية text-indent لإزاحة السطر الأول فقط من النص .
و يتم تحديد مسافة الإزاحة انطلاقا من بداية السطر : بالبيكسل "px" أو "em" أو "%" ... .
لنطبق مثالا على الفقرات ، حيث نحبّذ كثيرا استعمال هذه الخاصية .
- الكود:
text-indent:50px;
/*.50px سيكون النص مُزاحاً إلى اليسار في جميع الفقرات بقيمة */
}
.
السعيد لا يملك كل شيء ، ولكنه يسعد بكل شيء يملكه.
http://mo7it.byethost11.com/
رد: كودات و خاصيات تنسيق النص بلغة Css
25/7/2018, 12:36 pm
text-decoration
لتنميق النص كتسطيره أو تشطيبه نستعمل الخاصية text-decoration و يمكننا إعطاءها القِيَم التالية :
underline: لِوَضع سطرٍ تَحت النَّص .
overline : لِوضع سطر فوق النص .
line-through : تشطيب النص.
none : لِخط عادي .
مثال يجمع قيم الخاصية text-decoration :
.satr_faw9 {text-decoration:overline;}
.tachtib {text-decoration:line-through;}
.nada {text-decoration:none;}
لتنميق النص كتسطيره أو تشطيبه نستعمل الخاصية text-decoration و يمكننا إعطاءها القِيَم التالية :
underline: لِوَضع سطرٍ تَحت النَّص .
overline : لِوضع سطر فوق النص .
line-through : تشطيب النص.
none : لِخط عادي .
مثال يجمع قيم الخاصية text-decoration :
- الكود:
.satr_faw9 {text-decoration:overline;}
.tachtib {text-decoration:line-through;}
.nada {text-decoration:none;}
.
السعيد لا يملك كل شيء ، ولكنه يسعد بكل شيء يملكه.
http://mo7it.byethost11.com/
رد: كودات و خاصيات تنسيق النص بلغة Css
25/7/2018, 12:39 pm
بالنسبة للغة العربية ، لن تحدث الخاصيتان أي تغيير على الخط . لا ترهقوا أنفسكم بالمحاولة .
تقوم الخاصيات بتحويل الخط من خانة صغيرة إلى خانة كبيرة ، و العكس صحيح
للخاصيتان قيم مختلفة :
font-variant
تستخدم قيمتين وهما :
small-caps : تقوم بتحويل الخط إلى حجم صغير
normal : للكتابة بحجم عادي
text-transform
.
السعيد لا يملك كل شيء ، ولكنه يسعد بكل شيء يملكه.
http://mo7it.byethost11.com/
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى