কম্পিউটার টিউটোরিয়াল

CSS display: none ব্যবহার

এলিমেন্ট সরিয়ে ফেলতে CSS-এ display: none প্রোপার্টি মান ব্যবহার করুন। none প্রোপার্টি মান বাস্তবায়ন করার উদাহরণ দেখি:

উদাহরণ

একটি উদাহরণ:

<!DOCTYPE html> <html> <head> <style> span {    background-color: orange;    color: white; } p.demo {    display: none; } span.demo1 {    display: inline; } </style> </head> <body> <h1>Match Details</h1> <div> Match will begin at <p class="demo">9AM</p> 10AM on 20th December. </div> <div> Match will end at <span class="demo1">5PM</span> on 20th December. </div> </body> </html>

আউটপুট

CSS display: none ব্যবহার

উদাহরণ

আরেকটি উদাহরণ:

<!DOCTYPE html> <html> <head> <style> span {    display: none; } .demo2 {    text-decoration: underline;    text-decoration-style: double;    text-decoration-color: red; } </style> </head> <body> <h1>Details</h1> <p class="demo">Examination Center near <span>XYZ College</span> ABC College.</p> <p class="demo2">Exam begins at 11AM.</p> </body> </html>

আউটপুট

CSS display: none ব্যবহার


  1. CSS-এ Display Block ব্যবহার

  2. CSS-এ Display প্রপার্টি ব্যবহার

  3. CSS-এ Display Inline-Block ব্যবহার

  4. CSS display প্রপার্টির Inner ও Outer ভ্যালু - লেটেস্ট আপডেট