recent
أخبار ساخنة

شرح خاصيه Float في ال css

الصفحة الرئيسية

شرح خاصيه Float في ال css


في موضوع سابق عن كيفية عمل filter لصور المدونة باستخدام css حاز الموضوع علي مشاهدات عالية مما دفعنا ان نضع المزيد من هذه الدروس في هذا الدرس ستتعلم خاصية رائعة اسمها ال Float واذا قمت بترجمة هذه الكلمة ستكون معناها الطفو او العوم , بمعني انك ستختار العنصر وتحدد ان يطفو يمينا او يسارا او لاشي , خاصية float لها ثلاث عناصر


  1. Right : اي العنصر يذهب (يعوم) ناحية اليمين وكل العناصر الاخري ستتاثر بهذا العوم
  2. Left : نفس الكلام العنصر يذهب ويعوم يمينا وكل من بعده يتاثر بهذه الخاصية
  3. وتوجد شي اخر سمه none : وهي لاشي
مع هذه الخاصية تستخدم دائما خاصية clear وهي خاصية مسح التاثير الخاص ب ال float ومثال جيد علي هذا
https://codepen.io/ed1nh0/pen/yxkhL

هذا الرابط به تجربة لل float وCleat قم بتجربة الثلاث صناديق من حيث الخاصيتين مثل هذه الصورة

google-playkhamsatmostaqltradent