CSS Dynamic
في هذا الدرس سوف نتعرف علي بعض الدوال الديناميكية التي لها استخدام متقدم باستخدام ال CSS
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
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) ")";
}
متحرك
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعليم البرمجة. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال البرمجة. مهمتنا ليست فقط تعليم البرمجة، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
