CSS all প্রোপার্টি ব্যবহার

all প্রোপার্টি একটি এলিমেন্টের সব CSS প্রোপার্টি (unicode-bidi, direction বাদে) একসাথে রিসেট করতে দেয়। মান: initial, inherit, unset, revert।

উদাহরণ

নিচের কোডটি চালিয়ে CSS all প্রোপার্টির ব্যবহার দেখুন:

<!DOCTYPE html> <html> 
  <head> 
    <style> 
      html { 
        color: blue; 
      } 
      #demo { 
        background-color: yellow; 
        color: red; 
        all: inherit; 
      } 
    </style> 
  </head> 
  <body> 
    <h2>CSS all property</h2> 
    <div id="demo">This is demo text.</div> 
  </body> 
</html>

ব্যাখ্যা: html এলিমেন্টে color: blue সেট করা হয়েছে। #demo এ color: red এবং all: inherit দেওয়া হয়েছে। all: inherit সব প্রোপার্টি (background-color বাদে) প্যারেন্ট থেকে ইনহেরিট করতে বাধ্য করলো, ফলে টেক্সট রঙ লাল না হয়ে নীল (প্যারেন্টের) হয়েছে। background-color: yellow ইনহেরিটেবল না, তাই তার মান থাকলো।