دروس css النص

نستخدم الالوان color

وضع خط علي النص text-decoration

محاذهة النصوص text-align

مثال

<style type="text/css">

#aaa

{

color:red;

text-align:center;

text-decoration:overline;

}

#bbb

{

color:#FFAA33;

text-align:right;

text-decoration:line-through;

}

#ccc

{

color:rgb(50,180,120);

text-align:left;

text-decoration:underline;

}

#ddd

{

color::#FFAA00;

text-align:center;

text-decoration:blink; 

}

</style>

مشاهد معاينه الكود

نستخدم الالوان color
وتكنب الالون

• الاسم -- اسم اللون ، مثل "الحمراء"
• RGB -- وهي قيمة الآر جي بي ، مثل "rgb (255،0،0)"
• عرافة -- قيمة عرافة ، مثل "# FF0000"

محاذهة النصوص text-align

text-align:center محاذاه النص الي الوسط

text-align:right او text-align:left محاذه النص الي اليمن او اليسار

text-align:justify محاذاة النص الي الاتجاهين

وضع خط علي النص text-decoration

text-decoration:overline; وضع خط فوق النص

text-decoration:line-through; وضع خط وسط النص

text-decoration:underline; وضع خط تحت النص

text-decoration:blink; وضع يظهر ثم يختفي النص

text-decoration:none; وضع النص عادي

التفاصيل

Property	Value	الوصف
color	Color inherit	يحدد لون النص
direction	ltr rtl inherit	تحدد اتجاه النص / الكتابة اتجاه
letter-spacing	normal length inherit	زيادة أو نقصان المسافة بين الحروف في النص
line-height	normal number length % inherit	يحدد خط الطول
text-align	left right center justify inherit	تحدد المحاذاة الأفقية للنص
text-decoration	none underline overline line-through blink inherit	يحدد   إضافة خط  إلى النص
text-indent	length % inherit	تحدد المسافة البادئة من السطر الأول في كتلة النص
text-shadow		يحدد تأثير الظل إضافة إلى النص
text-transform	none capitalize uppercase lowercase inherit	حالة النص كبير A او صغير a
unicode-bidi
vertical-align	normal nowrap pre pre-line pre-wrap inherit	تحدد المحاذاة العمودية للعنصر
white-space	normal nowrap pre pre-line pre-wrap inherit	يحدد كيفية معالجة النص الطويل   داخل عنصر
word-spacing	normal length inherit	زيادة أو نقصان المسافة بين الكلمات في النص