ویژگی display در css

ویژگی display در css | ویژگی display | صفت display | خاصیت display

ویژگی display در css | ویژگی display | صفت display

ویژگی display در css | صفت display | خاصیت display | display در css | صفت display در css | صفت display در css | صفت display در css | خاصیت display در css | خاصیت display در css | صفت display در css | خاصیت display در css | صفت display | صفت display | ویژگی display | ویژگی display | ویژگی display | ویژگی display | ویژگی display | ویژگی display

در این مقاله از سایت آموزی به بررسی و تحلیل ویژگی display در CSS می پردازیم.

صفت display یکی از پر کاربردترین صفت ها در css می باشد، که نحوه ی نمایش را نشان می دهد.

display در css برای چگونگی نمایش ،نمایش و یا عدم نمایش یک بخش به کار می رود. شما می توانید با display در css بخش های مورد نظر را در کنار هم نمایش دهید و یا اصلا نمایش داده نشود،و فقط در شرایط خاص مانند hover ( زمانی که نشانگر موس روی آن قرار گیرد) نمایش داده شود. display در css ویژگی های زیادی دارد که ما به برخی از آن ها می پردازیم:

ویژگی display=inline

ویژگی display با مقدار inline باعث می شود که عنصر در خطی که قرار می گیرد به اندازه ی مورد نیاز خود فضا را اشغال کند و نه بیشتر. بعضی از تگ ها این ویژگی را به صورت پیشفرض دارا می باشند مانند span و…

ویژگی display=block

این ویژگی بر عکس ویژگی بالا کل خط را اشغال می کند و نمی گذارد عنصر دیگری در کنارش قرار گیرد، و تمامی خط را برای خودش در نظر می گیرد. تگ هایی هستند که این ویژگی را به صورت پیش فرض دارند مانند div , h1 و …

ویژگی display=inline-block

این ویژگی هردو خاصیت را دارد به این معنا که عنصر خاصیت block را می گیرد ولی در یک سطح قرار می گیرد و عناصری که این خاصیت را دارند نیز در همان سطح و در کنار آن می توانند قرار گیرند.

ویژگی display=table

این ویژگی خواص تگ table را به عنصر می دهد . این ویژگی چندین زیر مجموعه نیز دارد که عبارتند از:

الف) ویژگی display = table-caption

خاصیت تگ caption را به عنصر می دهد.

ب) ویژگی display = table-column-group

خاصیت تگ colgroup را به عنصر می دهد.

پ) خاصیت display = table-header-group

خاصیت تگ thead را به عنصر می دهد.

ت) ویژگی display = table-footer-group

خاصیت تگ tfoot را به عنصر می دهد.

ث) خاصیت display = table-row-group

خاصیت تگ tbody را به عنصر می دهد.

ج) خاصیت display = table-cell

خاصیت تگ td را به عنصر می دهد.

ویژگی display در css | ویژگی display | صفت display | خاصیت display

صفت display | خاصیت display | display در css | صفت display | خاصیت display | خاصیت display | خاصیت display | خاصیت display | خاصیت display | صفت display | خاصیت display

چ)صفت display = table-column

خاصیت تگ col را به عنصر می دهد.

ح)صفت display = table-row

خاصیت تگ tr را به عنصر می دهد.

صفت display = inherit

این ویژگی به پدر عنصر توجه می کند. یعنی خاصیتی که پدر عنصر مورد نظر داشته باشد، عنصر نیز به ارث می برد.

ویژگی display=none

این ویژگی عنصر را حذف (مخفی) می کند. و در زمان یا تحت شرایط خاصی با استفاده از ویژگی بلاک نمایش داده می شود.

صفت display= run-in

این ویژگی ، ویژگی اولیه ی عنصر را به آن باز می گرداند. همان طور که گفته شد بعضی عناصر مانند div و … display آن ها به صورت پیش فرض بلاک می باشد، و یا تگ span که display آن به صورت پیش فرض inline می باشد.

صفت display=list-item

این ویژگی ، خاصیت تگ li را به عنصر می دهد. امروزه افراد کمی یا شاید هم بتوان گفت کسی دیگر از این ویژگی استفاده نمی کند و از همان تگ li استفاده می شود.

ویژگی display در css | ویژگی display | صفت display | خاصیت display – اختصاصی سایت آموزی

توسط | ۱۳۹۷/۶/۴ ،۲۰:۰۳:۵۴ +۰۰:۰۰ شهریور ۴ام, ۱۳۹۷|css دسته بندی ها|برچسب ها: , , , , |بدون دیدگاه

در باره نویسنده :

ثبت ديدگاه

11 + نه =