في هذا الدرس 5تصفّح المواضيع
CSS Text Decoration line
خاصية text-decoration-line في لغة CSS
CSS Text Decoration line خاصية text-decoration-line في لغة CSS
تًستخدم خاصية text-decoration-line للتحكم في ديكور النصوص وهي تًضيف علي النص خطوط عرضية أعلي وأسفل ومن خلال النص لأي عنصر مثل سعر المنتج قبل الخصم يجب ان يكون عليه شطب عن طريق الخط العرضي من خلال السعر.
- none تستخدم في إلغاء الخط الذي يوجد اسفل الروابط Links.
- overline تًستخدم في إضافة خط أعلي النص.
- line-through تُستخدم في إضافة خط من خلال النص.
- underline تُستخدم في إضافة خط أسفل النص.
text-decoration-line syntax
طريقة كتابة خاصية text-decoration-line في لغة CSS.
text-decoration-line: value;value vs value
مقارنة بين قيم خاصية text-decoration في لغة CSS
text-decoration-line values
قيم خاصية text-decoration في لغة CSS.
text-decoration-line:none|underline|overline|line-through|initial|inherit;
CSS text-decoration-line none
خاصية text-decoration-line مع القيمة none في لغة CSS
CSS text-decoration-line none خاصية text-decoration-line مع القيمة none في لغة CSS
القيمة none هي القيمة الابتدائية لخاصية text-decoration-line، وتعني عدم إنشاء زخرفة للنص بواسطة العنصر. يمكن بها إزالة التسطير الذي تضيفه أنماط المتصفح إلى الرابط نفسه. لكنها لا تلغي زخرفة ممتدة من عنصر أب؛ إذا كان الأب مسطرًا فلن يزيل none على الابن ذلك التسطير.
CSS text decoration line none
إلغاء الخط من النص بواسطة خاصية text-decoration-line مع القيمة none في لغة CSS.
CSS text decoration line overline
خاصية text-decoration-line مع القيمة overline في لغة CSS
CSS text decoration line overline خاصية text-decoration-line مع القيمة overline في لغة CSS
CSS text decoration line overline
إضافة خط أعلي النص بواسطة خاصية text-decoration-line مع القيمة overline في لغة CSS.
CSS text decoration line through
خاصية text-decoration-line مع القيمة line-through في لغة CSS
CSS text decoration line through خاصية text-decoration-line مع القيمة line-through في لغة CSS
تضيف text-decoration-line: line-through خطًا يمر من خلال النص. اسم القيمة هو line-through، وليس line-through-line.
CSS text decoration line through
إضافة خط من خلال النص بواسطة خاصية text-decoration-line مع القيمة line-through في لغة CSS.
css text decoration line through with Price
يميز المثال السعر القديم بخط يمر خلاله، ويعرض السعر الجديد دون شطب. تغير CSS العرض فقط؛ أرقام الأسعار مكتوبة في HTML ولا تستبدلها الخاصية.
CSS text decoration line underline
خاصية text-decoration-line مع القيمة underline في لغة CSS
CSS text decoration line underline خاصية text-decoration-line مع القيمة underline في لغة CSS
CSS text decoration line underline
إضافة خط أسفل النص بواسطة خاصية text-decoration-line مع القيمة underline في لغة CSS.
سجّل الدخول لحفظ تقدمك
تابع إنجاز المواضيع والمصطلحات والمهام، وكمّل من آخر خطوة على أي جهاز.
المصطلحات10
راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.
- 01 Decoration تزيين أو زخرفة
- للمراجعة
- 02 Text نص
- للمراجعة
- 03 Property خاصية
- للمراجعة
- 04 Values قيم
- للمراجعة
- 05 None لاشئ
- للمراجعة
- 06 Overline أعلي الخط
- للمراجعة
- 07 Line-Through عبر الخط
- للمراجعة
- 08 Underline أسفل الخط
- للمراجعة
- 09 Element عنصر
- للمراجعة
- 10 Link رابط
- للمراجعة
لا توجد بطاقات تطابق البحث والتصفية.
اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.
الاختصارات2
راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.
- 01 CSS CSS
- Cascading Style Sheets
- صفحات الأنماط الانسيابية
- للمراجعة
- 02 HTML HTML
- Hypertext Markup Language
- لغة توصيف النص الفائق الخاصة ببناء صفحة الإنترنت<p><a href="https://www.closetag.com/tutorial/html/html-introduction">المزيد عن HTML</a></p>
- للمراجعة
لا توجد بطاقات تطابق البحث والتصفية.
اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.
اختبر فهمك.
ووصلها للإتقان.
كل سؤال خطوة لقدّام. اختار، اكتب كود، وشوف نتيجتك فورًا.
أكمل المهام، واجمع كل الإجابات الصحيحة. أقل من 100%؟ راجع وأعد المحاولة.
الأسئلة متاحة للاطلاع. سجّل الدخول للتفاعل وحفظ تقدمك.