0

خاصیت display در CSS

دسته بندی ها : آموزش css 24 ژوئن 2017 پرفسور 234 بازدید

خاصیت Display در CSS

خصوصیت display چگونگی نمایش یک عنصر را مشخص می کند و خصوصیت visibility، یک عنصر را پنهان(hidden) یا قابل رویت(visible) می کند.

پنهان کردن یک عنصر(Hidden)

برای پنهان کردن یک عنصر دو روش وجود دارد: ۱خصوصیت display را با مقدار “none” تنظیم کنیم
h1.hidden {visibility:hidden;}
۲ خصوصیت visibility را با مقدار “hidden” تنظیم کنیم
h1.hidden {display:none;}

المنت های inline و block

block: یک المنت block  است که تمام طول یک سطر را اشغال می کند و قبل و بعد از آن یک سطر وجود دارد. مثال برای عناصر Block:
  • <h1>
  • <p>
  • <div>
div {display:block;}
  inline: یک عنصر inline تنها به اندازه ای که نیاز دارد، عرض یک سطر را اشغال می کند، و هیچ اجباری در اشغال کل یک سطر وجود ندارد.   مثال برای عناصر inline:
  • <span>
  • <a>
li {display:inline;}
 
پرفسور

راه آسان‌تری برای ارتباط با کاربران‌مان پیدا کرده‌ایم :) عضویت در کانال

مطالب زیر را حتما بخوانید:

قوانین ارسال دیدگاه در سایت

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

نظرات کاربران

    دیدگاهتان را بنویسید

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

    لینک کوتاه :