প্রদর্শন বনাম দৃশ্যমান বৈশিষ্ট্যের মধ্যে পার্থক্য কী?
উত্তর:
বৈশিষ্ট্যটি কেবল visibilityব্রাউজারকে বলে যে কোনও উপাদান প্রদর্শিত হবে কি না। এটি হয় দৃশ্যমান ( visible- আপনি এটি দেখতে পারেন), বা অদৃশ্য ( hidden- আপনি এটি দেখতে পারবেন না)।
displayসম্পত্তি ব্রাউজার বলে কিভাবে আঁকা এবং একটি উপাদান দেখাই, এ সব খুঁজতে এবং তাতে - এটি একটি হিসেবে প্রদর্শিত হবে inlineউপাদান বা (অর্থাত এটা টেক্সট এবং অন্যান্য ইনলাইন উপাদানের সঙ্গে প্রবাহিত) blockপর্যায়ের উপাদান (যেমন এটা উচ্চতা এবং প্রস্থ বৈশিষ্ট্য আছে যে আপনি সেট করে নিতে পারে, ভাসিতে সক্ষম হয়, ইত্যাদি), অথবা একটি inline-block(ie এটা) কিছু অন্যদের (ক ব্লক বাক্সের মতো কাজ করে কিন্তু ইনলাইন পরিবর্তে পাড়া হয় এবং list-item, table, table-row, table-cell, flex, ইত্যাদি)।
আপনাকে একটি উপাদান সেট করেন display: blockকিন্তু এছাড়াও সেট visibility: hiddenএখনও একটি ব্লক উপাদান হিসেবে, ব্রাউজার একইরূপে এটা ছাড়া আপনি শুধু এটা দেখতে না। কোনও অদৃশ্য বক্সের উপরে আপনি কীভাবে একটি লাল বাক্সটি সজ্জিত করেন তা জাতীয় ধরণের: লাল বাক্সটি মনে হয় এটি মধ্য-বাতাসে ভাসছে যখন বাস্তবে এটি কোনও শারীরিক বাক্সের উপরে বসে আছে যা আপনি দেখতে পাচ্ছেন না।
অন্য কথায়, এই উপায়ে উপাদান displayনয় noneএখনও উপাদানের প্রবাহ একটি পৃষ্ঠায় থাকুক না কেন কাছে দৃশ্যমান নির্বিশেষে বা না প্রভাবিত করবে। উপাদানগুলির সাথে ঘিরে থাকা বাক্সগুলি display: noneএমন আচরণ করবে যেন সেই উপাদানটি কখনও ছিল না (যদিও এটি ডিওমে থাকে)।
display: none;, তবে সেই উপাদানটি ডিওএম থেকে সরানো হবে? নাকি আমি সম্পূর্ণ বিভ্রান্ত?
দৃশ্যমানতা: লুকানো;
প্রদর্শন: কিছুই নয়;
অতিরিক্ত নোট:
প্রদর্শন: কিছুই নয়; DOM থেকে DOM উপাদান ভিজ্যুয়াল স্টাইল / শারীরিক স্থান সরিয়ে ফেলবে, যেখানে দৃশ্যমানতা: লুকানো; উপাদানটি সরাবে না, তবে কেবল এটি আড়াল করবে। সুতরাং আপনার ডিওমে উল্লম্ব স্থানের 300px দখলকারী একটি ডিভিটি দৃশ্যমানতার সাথে সেট করার সময় উল্লম্ব প্রস্থের 300px দখল করবে: লুকানো; তবে প্রদর্শিত হবে যখন সেট: না কিছুই; এটি ভিজ্যুয়াল শৈলী এবং এটি দখল করে থাকা স্থানটি লুকিয়ে রয়েছে এবং আরও ভাল শব্দের অভাবে স্থানটি "মুক্ত" করা হয়।
[সম্পাদনা] - কিছুক্ষণ আগে আমি উপরেরটি লিখেছিলাম এবং আমি যথেষ্ট জ্ঞাত ছিলাম না বা খারাপ দিন ছিল কিনা তা আমি জানি না, তবে বাস্তবতাটি হ'ল উপাদানটি ডোম শ্রেণিবদ্ধতা থেকে সরানো হয়নি। সমস্ত ব্লক স্তরের প্রদর্শন 'শৈলীগুলি' প্রদর্শন ব্যবহার করার সময় সম্পূর্ণ 'লুকানো': কোনওটি নয়, তবে দৃশ্যমানতার সাথে: লুকানো; উপাদানটি নিজেই লুকানো আছে তবে এটি ডিওএম এ এখনও একটি দর্শনীয় স্থান দখল করে। আমি আশা করি এটি পরিষ্কার হয়ে যায়
display: noneহবে না DOM থেকে একটি উপাদান মুছে ফেলুন। উপাদানটি এখনও আছে, এটি প্রদর্শিত হয় না ।