Instagram
اخبار سایت :
  • هیچی فقط همیشه سالم و سلامت باشین :دی

آموزش CSS : پشتیبانی از خصوصیت Display در مرورگرها

فایل های آبشاری CSS دارای خاصیت هایی هستند که توسط برخی مرورگرها کامل پشتیبانی نمیشوند و گاهی باعث ایجاد مشکلاتی در نمایش صفحه میشوند. یکی از خصیصه های مهم ، Display است. این خاصیت میتواند چندین مقدار بگیرد .مثلا بصورت Display:Block  

برخی از این مقادیر در برخی مرورگرها پشتیبانی نمیشوند که در جدول زیر به تفکیک ، میتوانید مشاهده کنید:
css display diclaration
 
 معانی هر یک از مقادیر اختصاص یافته به Display :

Display:block : اگر به یک DIV این خاصیت را بدهید، یعنی آن المان میتواند کل سطر خود را اشغال کند و مانند یک بلاک رفتار میکند و هیچ المان دیگری را در کنار خود جا نمی دهد. (المان های دیگر  در یک خط زیر یا بالای المان ما جای میگیرند) این خاصیت باعث میشود المان ما مثل المان  h1 عمل کند.

Display:inline : یعنی DIV در یک خط قرار گرفته که چندین المان در آن خط قرار داردند و  باید بقیه المان ها را در کنار خود جا دهد و بپذیرد .

Display:none : یعنی المان نمایش داده نشود.

Display:table : المان را بصورت یک جدول تعریف میکند که می تواند سطر و ستون داشته باشد. به خاصیت بعدی توجه کنید تا متوجه این مورد شوید.

Display:table-cell : یعنی المان کنونی، یک خانه جدول است. در این حالت، المان پدر این المان (تگی که این تگ رو در برگرفته)، باید دارای خاصیت display:table باشد. یعنی یک المان که دارای خاصیت
display:table است میتواند شامل چندین المان باشد که هر کدامشان دارای خاصیت display:table-cell هستند.

Display:inline-block : کاربردی مانند
Display:inline دارد

display:list-item : هر یک از بلاک هایی که این خاصیت را دارا باشند بصورت یک
آیتم نشون داده میشوند و جلوشون یک بولت گذاشته میشه. درست مانند تگ OL که همین کار رو میکنه.

حالا برای اینکه همه ی این خاصیت ها رو بصورت زنده باهاشون کار کنید و عملکردشون رو بهتر بفهمید، سری به اینجا بزنید، و در آخر صفحه در بخش playground، میتوانید بصورت زنده ، خاصیت های تگ ها رو عوض کنید و کارکردشونو بفهمید.
سایت خیلی خوبی دارین موفق باشین

نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتیرفرش کد امنیتی
کلاس های آنلاین فعال

برای افزایش دانش عمومی کاربران سعی بر این داریم که کلاس های آنلاینی برگزار کنیم. لیست این کلاس (ها) را می توانید در زیر ببینید. این قسمت را هر روز چک کنید تا از کلاس ها و اخبار جدید با خبر شوید. کلاس ها توسط همین کاربران و دوستان شما برگزار میشود. اگر مایل به برپایی کلاس آموزشی ای در هر زمینه ای هستید با مدیر تماس بگیرید.

مدرس: محمد و اقبال
آموزش PHP - جلسه اول
پنجشنبه 04 تیر 1394 - 17:00
هیچ کلاس فعالی موجود نیست.
کاربران آنلاین
آمار
مطالب : 792
نظرات : 4408
تعداد اعضا : 36759
افراد آنلاین : 4
بازدید امروز : 351
بازدید دیروز : 894
گوگل امروز : 20
گوگل دیروز : 37
بازدید هفته : 6,678
بازدید ماه : 19,277
بازدید سال : 26,061
بازدید کلی : 10,807,763