بسم الله الرحمان الرحيم
درووس تعليم لغة ال css
الخلفيات و الالوان
السلام عليكم هانحن نلتقي مجددا لنكمل الدروس تعليم لغة ال css املي انكم فهم الدروس السابقة
سنتكلم اليوم عن خاصية background-attachment
وتستخدم هذه الخاصية لتحديد اذا ما كانت الصورة ثابتة او متحركة
الصورة الثابتة لا تتحرك عندما نقوم بتحريك الصفحة
الصورة المتحركة فتتحرك مع حركة الصفحة
و خاصية background-attachment تاخذ قيمتين وهما fixed scroll
خاصية background-attachment:fixed تعني ان الصورة ثابتة
خاصية:scroll background-attachment تعني ان الصورة متحركة
فلناخذ هذا المثال تابع معي :
الصورة الثابتة
body {
background-color: #FFCC66;
background-image: url("butterfly.gif");
background-repeat: no-repeat;
background-attachment: fixed;
}
h1 {
color: #990000;
background-color: #FC9804;
}
body {
background-color: #FFCC66;
background-image: url("butterfly.gif");
background-repeat: no-repeat;
background-attachment:scroll;
}
h1 {
color: #990000;
background-color: #FC9804;
}
و بهذا نكون قد انهينا درس اليوم الى اللقاء في الدرس القادم لنكمل
الالوان و الخلفيات
وان كان عندكم اي استفسار او راي حول الموضوع فضعه في التعليقات اسفل والسلام عليكم
الدرس التالي من هنا
