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

CSS দিয়ে নির্দিষ্ট শব্দ সমाहিত অ্যাট্রিবিউট মান 지닌 এলিমেন্ট সিলেক্ট করুন


নির্দিষ্ট শব্দ সমাহিত অ্যাট্রিবিউট মান 지닌 এলিমেন্ট সিলেক্ট করতে [attribute ~= "value"] সিলেক্টর ব্যবহার করুন।

[attribute ~= "value"] সিলেক্টর বাস্তবায়ন করতে নিচের কোডটি চালাতে পারেন। এখানে আমরা "Tutorials" শব্দটি খুঁজছি:

উদাহরণ

<!DOCTYPE html> <html>    <head>       <style>          [alt ~= Tutorials] {             border: 5px solid orange;             border-radius: 5px;          }       </style>    </head>    <body>       <img src = "https://www.tutorialspoint.com/videotutorials/images/tutor_connect_home.jpg" height = "200" width = "200" alt = "Tutor Connect">       <img src = "https://www.tutorialspoint.com/videotutorials/images/tutorial_library_home.jpg" height = "200" width="200" alt = "Tutorials Library">    </body> </html>

  1. CSS দিয়ে এলিমেন্ট সেন্টার করা (হরিজন্টাল, ভার্টিক্যাল, এবং উভয়)—পুরনো ও আধুনিক পদ্ধতি

  2. CSS-এ বৈধ মানসহ সব <input> এলিমেন্ট স্টাইল করা

  3. CSS দিয়ে ইমেজ ফিল্টার তৈরি করুন

  4. CSS দিয়ে রেসপন্সিভ ফ্লোটিং এলিমেন্ট তৈরি