CSS

CSS Dynamic

في هذا الدرس سوف نتعرف علي بعض الدوال الديناميكية التي لها استخدام متقدم باستخدام ال CSS 

التاريخ

25 نوفمبر 2021

الدروس

137

المستوى

مبتدئ

اللغة

انجليزي

المشاهدات

1497

المواضيع

24
الشروحات chevron_left CSS Dynamic chevron_left CSS
CSS Flex Box keyboard_arrow_down

CSS Dynamic

</> calc

تستخدم ( )calc في اجراء عملية حسابية وتبعا للناتج يتم تعيين قيمة العرض الخاص بعنصر معين 

- في المسال التالي يتم طرح 400 بكسل من 700 بكسل فيكون الناتج 300 بكسل وهذا هو العرض الخاص بعنصر ال div 

#div1 {
position: absolute;
left: 50px;
width: calc(700px - 400 px);
border: 1px solid black;
background-color: yellow;
padding: 5px;
text-align: center;
}

</> attr

يمكننا الحصول علي القيمة المخزنة بداخل خاصية معينة باستخدام ( )attr ومن ثم استخدامها في اماكن اخري بكل سهولة 

a:after {
  content: " (" attr(href) ")";
}
مصطلحات الدرس
Dynamic
Dynamic

متحرك

اختصارات الدرس
CSS
CSS

Cascading Style Sheets

صفحات الأنماط الانسيابية
Attr
Attr

Attribute

سمة
Calc
Calc

Calculator

آلة حاسبة
معلومات تهمك
  • لا تنسى تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
  • لا تنسى مشاركة الموقع مع أصدقاءك حتى تعمّ الفائدة وتكون سبب في نفعهم.
مشاركة
0
0
0
0
عدد المشاركات
هل هذه المعلومات نالت إعجابك ؟
0
0
عدد التقييمات

لديك استفسار ؟

يسعدنا كثيرا مساعدتك في استيعاب افضل للأمور, فلا تترد مطلقا في الاتصال بنا في حال كانت لديك اية اسئله او استفسارات.