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

CSS color প্রপার্টি দিয়ে এলিমেন্টের টেক্সট রঙ পরিবর্তন


CSS color প্রপার্টি এলিমেন্টের টেক্সট রঙ পরিবর্তন করতে ব্যবহৃত হয়। আমরা মান হিসেবে স্ট্যান্ডার্ড কালার নাম, rgb(), rgba(), hsl(), hsla() এবং হেক্সাডেসিমেল ভ্যালু ব্যবহার করতে পারি।

সিনট্যাক্স

CSS color প্রপার্টির সিনট্যাক্স:

Selector {    color: /*মান*/ }

নিচের উদাহরণগুলো CSS color প্রপার্টি বোঝায়:

উদাহরণ

<!DOCTYPE html> <html> <head> <style> div {    height: 50px;    width: 50px;    float: right;    color: white;    background-color: #2f5587; } p {    color: rgba(225,5,135,0.7);    border: 2px solid #16c618;    box-shadow: 0 7px 0 5px hsl(90, 60%, 70%); } </style> </head> <body> <h2>Example Heading</h2> <div>This is it</div> <p>Demo text is visible here.</p> </body> </html>

আউটপুট

এটি নিচের আউটপুট দেবে:

CSS color প্রপার্টি দিয়ে এলিমেন্টের টেক্সট রঙ পরিবর্তন

উদাহরণ

<!DOCTYPE html> <html> <head> <style> li:nth-of-type(even) {    color: dodgerblue;    border: 6px groove #16c618;    padding: 4px;    box-shadow: inset -100px 0 5px red; } </style> </head> <body> <h2>Learn Servlets</h2> <ul> <li>Java Servlets are programs that run on a Web or Application server.</li> <li>Java Servlets often serve the same purpose as programs implemented using the CGI.</li> <li>Servlets are platform-independent because they are written in Java. </li> </ul> </body> </html>

আউটপুট

এটি নিচের আউটপুট দেবে:

CSS color প্রপার্টি দিয়ে এলিমেন্টের টেক্সট রঙ পরিবর্তন


  1. CSS দিয়ে লিংকের রঙ সেট করা

  2. CSS color প্রপার্টি দিয়ে এলিমেন্টের টেক্সট রঙ পরিবর্তন

  3. CSS radial-gradient() ফাংশন ব্যবহার করে রেডিয়াল গ্রেডিয়েন্টের আকার (Size) সেট করা

  4. CSS-এ লিনিয়ার গ্রেডিয়েন্টে কালার স্টপ লোকেশন (Location Color Stops) সেট করা