درس دورة تعلم لغة CSS | Float (15)

المصدر: دورة تعلم لغة CSS | Float (15)
في منتدى : منتدى الدّورات العامّة ولُغات البرمجة

مرحبا إخوتي أعضاء منتديات زيزووم للأمن والحماية
اليوم سأشرح لكم في دورة تعلم لغة CSS

Float
مكان العنصر

------------------------------------------------------------

كنا قد تعلمنا خاصية text-align وأنها تقوم بتحديد مكان العنصر اليوم سنشرح خاصية مشابهة لها تسمى Float وهي أيضًا تقوم بتحديد مكان العنصر وسنتكلم عن الفرق بينهما أيضًا في الموضوع.

------------------------------------------------------------

غالبًا نرى خاصية float في تصاميم الويب ونرى أنها تستخدم وتكتب كأي خاصية أخرى

تأتي هذه الخاصية بقيمتين فقط وهما (right & left) أي (اليمين واليسار) ولا توجد قيمة أخرى للوسط مثل خاصية text-align ولكن أهم شئ أن نعرف الفرق بين الخاصيتين:

خاصية Float تستخدم في تحريك أكتر من عنصر في وقت واحد بخاصية واحدة (أي تقوم بإضافة الخاصية إلى العنصر الذي يحمل كل هذه العناصر) ونستخدم text-align لتحديد مكان عنصر واحد ويمكنك أيضًا إستخدام float لتحريك عنصر واحد من مكانه أو: تنطبق خاصية "text-align" على محتوى المربع ، بينما تنطبق خاصية "float" على المربع نفسه.
بعد أن عرفت الفرق بين الخاصيتين الأن يمكنك استعمال كل خاصية منهما جيداً ويمكنك ان تدرب نفسك من خلال بعض التجارب حتى تفهم الخاصيتين والفرق بينهما أكثر.

------------------------------------------------------------

 

شكراً جزيلاً لكم أخي الكريم ..​