css

صفت float – آموزش CSS

صفتی که برای قرار گرفتن عناصر در مکان های مختلف استفاده می شود.


در css چندیدن صفت برای قرار دادن عناصر در مکان های مختلف وجود دارد. float یکی از آن ها است . در css از این صفت استفاده ی زیادی می شود. برای یادگیری این صفت ساده و پر کاربرد با ما همراه باشید. این صفت 3 ویژگی دارد که عبارت اند از:

الف) Right : همان طور که مشخص است این ویژگی عنصر را در سمت راست فضایی که دارد قرار می دهد.

ب) Left : این ویژگی نیز عنصر را در قسمت چپ فضایی که دارد قرار می دهد.

پ)None : این ویژگی صفت float را از عنصر می گیرد. یعنی اگر قبلا این عنصر یکی از ویژگی های Right , left را گرفته باشد ویژگی None آن را بی تاثیر می کند.

مثال:

در HTML :

<p class="right"> FLOAT RIGHT </p>

<p class="left"> FLOAT LEFT </p>

در CSS :

.right{
float:right;
}
.left{
float:left;
}

FLOAT RIGHT

FLOAT LEFT

Related Articles

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

این مطلب را از دست ندهید!

Close
Close