HTML DOM style clip প্রপার্টি একটি পজিশन्ड এলিমেন্টের দৃশ্যমান অংশ সেট বা পাওয়ার জন্য ব্যবহৃত হয়।
সিনট্যাক্স
clip প্রপার্টি সেট করার সিনট্যাক্স:
object.style.clip = "auto|rect(top right bottom left)|initial|inherit"
প্রপার্টি মানগুলো নিচে ব্যাখ্যা করা হলো:
| মান | বিবরণ |
|---|---|
| auto | এলিমেন্ট ক্লিপ করে না এবং এটি ডিফল্ট মান। |
| rect(top right bottom left) | প্রদত্ত চারটি কোঅর্ডিনেট অনুযায়ী আকৃতি ক্লিপ করে। |
| initial | প্রপার্টিকে ডিফল্ট মানে সেট করার জন্য। |
| inherit | পিতামাতা এলিমেন্ট থেকে মান উত্তরাধিকার সূত্রে পাওয়ার জন্য। |
উদাহরণ
<!DOCTYPE html> <html> <head> <style> div{ position:relative; } #IMG1{ width:200px; height:200px; position:absolute; } #P1{ position:absolute; margin-top:210px; } button{ margin-top: 250px; } </style> <script> function changeClip(){ document.getElementById("IMG1").style.clip="rect(0px 75px 75px 0px)"; document.getElementById("Sample").innerHTML="ইমেজ ক্লিপ প্রপার্টি এখন পরিবর্তিত হয়েছে"; } </script> </head> <body> <div > <img id="IMG1" src="https://www.tutorialspoint.com/hibernate/images/hibernate-mini-logo.jpg"> <p id="P1">নিচের বাটনে ক্লিক করলে উপরের ইমেজ ক্লিপ প্রপার্টি পরিবর্তন হবে</p> <button onclick="changeClip()">ক্লিপ পরিবর্তন করুন</button> <p id="Sample"></p> </div> </body> </html>
আউটপুট
ক্লিপ পরিবর্তন করুন বাটনে ক্লিক করলে:
