Ibrahem Smart

زيزوومى ذهبى
إنضم
30 يناير 2017
المشاركات
1,832
مستوى التفاعل
1,081
النقاط
1,050
الإقامة
الاسكندرية
غير متصل
165399


مرحبا إخوتي أعضاء منتديات زيزووم للأمن والحماية
اليوم سأشرح لكم في دورة تعلم لغة
CSS

خواص النصوص
الجزء الثالث والأخير

------------------------------------------------------------

text-decoration

عندما نضع رابط في الصفحة تلقائيًا يقوم المتصفح بعمل خط أسفله لتمييزه أنه رابط فهذه الخاصية تستخدم لإزالة هذا الخط أو تغيير مكانه او إضافة خط للنص مع اختيار مكانه

فمثلًا قمت بعمل رابط
( a ) بهذا الشكل

1.webp


إذا أعطيته الخاصية بقيمة
none

2.webp


سيتم إزالة الخط

3.webp


قيم هذه الخاصية: none ومعناها لا يظهر & underline ومعناها خط من الأسفل & overline ومعناها خط من الأعلى & line-through ومعناها خط في الداخل ( للشطب ).
اذا خاصية text-decoration لاضافة خط للنصوص وإذا كان رابط فهي لازالة الخط أو تغيير مكانه ( none & underline & overline & line-through )

------------------------------------------------------------

text-indent

تستخدم لعمل مسافة قبل أول سطر من النص الذي كتبته فمثلًا قمت بعمل نص كالتالي في الديف

6.webp


اذا اعطيته الخاصية بمسافة مثلًا
50 بيكسل في CSS

4.webp


سيتم عمل المسافة التي كتبتها قبل أول سطر

5.webp


اذا خاصية
text-indent لعمل مسافة قبل أول سطر من النص

------------------------------------------------------------

text-transform

تستخدم مع النصوص الانجليزية فقط فهي تحدد شكل الحروف ( كله سمول & كله كابتل & أول حرف كابتل والباقي سمول ) فمثلًا قمت بعمل هذا النص سمول

7.webp


فأنا في لغة
css اعطيته خاصية text-transform بهذه القيمة

8.webp


فانظر إلى شكل النص الأن

9.webp


قيم الخاصية: capitalize ومعناها اول حرف من كل كلمة كابتل & uppercase ومعناها كل الحروف كابتل & lowercase ومعناها كل الحروف سمول.
اذا خاصية text-transform لتحديد شكل الحروف الانجليزية ( capitalize & uppercase & lowercase )

وهكذا اخوتي انتهينا من خواص النصوص

------------------------------------------------------------

خلاصة الدرس
  • text-decoration لعمل خط على النص & ازالة او تغيير شكل الخط الخاص بالروابط وتأخذ قيم none للإزالة و underline لعمل خط اسفل النص و overline لعمل خط فوق النص و line-through لعمل الخط داخل النص ( شطب )
  • text-indent لعمل مسافة قبل النص ( قبل أول سطر ) عن طريق البيكسلات
  • text-transform تستخدم لتحديد شكل الحروف الانجليزية في الجمل وتأخذ قيم capitalize لجعل أول حرف من كل كلمة كابتل و uppercase لجعل النص كله كابتل و lowercase لجعل النص كله سمول
165400

 

توقيع : Ibrahem Smart
بسم الله الرّحمن الرّحيم
وعليكمُ السّلامُ ورحمة الله تعالى وبركاتهُ

جزى الله تعالى إخوتي؛ خير الجزاء وأوفاهُ وأوفره.
وجعلَ شرحهُم هُنا شاهدًا لهُم،
وزوّادةً لكُلّ مُرتادي هذه السّاحة.

زاد الله تعالى إخوتي من واسِع علمه وفضله،
وعوّضهم عن وقتهم؛ آمينَ.
 
توقيع : راجية الجنةراجية الجنة is verified member.
شكراً جزيلاً لكم أخي الكريم
جزيتم كل خير ..
 
عودة
أعلى