شرح Float في ال css
شرح خاصية Float في لغة Css
في موضوع سابق عن كيفية عمل filter لصور المدونة باستخدام css حاز الموضوع علي مشاهدات عالية مما دفعنا ان نضع المزيد من هذه الدروس في هذا الدرس ستتعلم خاصية رائعة اسمها ال Float واذا قمت بترجمة هذه الكلمة ستكون معناها الطفو او العوم , بمعني انك ستختار العنصر وتحدد ان يطفو يمينا او يسارا او لاشي , خاصية float لها ثلاث عناصر
Right : اي العنصر يذهب (يعوم) ناحية اليمين وكل العناصر الاخري ستتاثر بهذا العوم
Left : نفس الكلام العنصر يذهب ويعوم يمينا وكل من بعده يتاثر بهذه الخاصية
وتوجد شي اخر سمه
none : وهي لاشي
مع هذه الخاصية تستخدم دائما خاصية clear وهي خاصية مسح التاثير الخاص ب ال float
ومثال جيد علي هذا
https://codepen.io/ed1nh0/pen/yxkhL
هذا الرابط به تجربة لل float وCleat قم بتجربة الثلاث صناديق من حيث الخاصيتين مثل هذه الصورة
واذا واجهتك اي مشكلة في هذا الموضوع او مشكلة عامة في موقعك قم بكتابتها في صفحة الاستشارة المجانية او في اي موضوع وسيقوم بالرد عليك من احد فريق الموقع او مني شخصيا, او اذا كنت تريد شرح معين عن شي في بلوجر أو في SEO او في عالم المواقع عموما لاتتردد في كتابته في التعليقات
ومثال جيد علي هذا
https://codepen.io/ed1nh0/pen/yxkhL
هذا الرابط به تجربة لل float وCleat قم بتجربة الثلاث صناديق من حيث الخاصيتين مثل هذه الصورة
واذا واجهتك اي مشكلة في هذا الموضوع او مشكلة عامة في موقعك قم بكتابتها في صفحة الاستشارة المجانية او في اي موضوع وسيقوم بالرد عليك من احد فريق الموقع او مني شخصيا, او اذا كنت تريد شرح معين عن شي في بلوجر أو في SEO او في عالم المواقع عموما لاتتردد في كتابته في التعليقات
تعليقات
إرسال تعليق